<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <!-- <meta http-equiv="pragma" content=""> -->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title></title>
    <!-- 先引入vue.js -->
    <script src="./vue.js"></script>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="viewer.min.css">
    <script src="index.js"></script>

    <script src="v-viewer.min.js"></script>
    <!--axios-->
    <script src="./axios.min.js"></script>
    <script type="text/javascript" src="wangEditor.js"></script>
    <style>
        body {
            margin: 0 auto;
            padding: 0;
            height: 100vh;
            overflow: hidden;

        }

        #app {
            height: 100vh;
            overflow: hidden;

        }

        img {
            vertical-align: middle;
            background-color: #999;
            object-fit: cover;
            overflow: hidden;
        }

        .el-image {
            vertical-align: middle;
            margin: 0 .266667rem;
        }

        .el-dialog {
            letter-spacing: 1.5px !important;
        }

        .el-pagination {
            text-align: right !important;
        }

        .el-header {
            text-align: center;
        }

        .el-pagination-css {
            position: fixed;
            right: 30px;
            bottom: 10%;
        }

        .el-table td,
        .el-table th.is-leaf {
            border-bottom: 1px solid #fff !important;
        }

        .el-container {
            height: 100vh;
            overflow: hidden;
            background-color: #2F4873;
            color: #fff;
        }

        .el-main {
            background-color: #2F4873;
            color: #fff;
            height: 530px;
            box-sizing: border-box;
            flex: none;
        }

        .el-table {
            background-color: #2F4873 !important;
            /* color: #fff;    */
        }


        .pass {
            color: chartreuse;
        }

        .out {
            color: crimson;
        }

        .loading {
            color: gold;
        }

        .el-popper {
            text-align: center;
        }

        .el-popover {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;

        }

        .img-wrap>.el-button {
            border: 0;

        }

        .img-wrap>img {
            background-color: #999;
        }

        .el-dialog__body {
            padding-top: 0;
        }

        .check {
            color: chartreuse
        }

        .detail {
            color: dodgerblue
        }

        /* .el-dialog__body>div{
           display: inline;
       } */
        .unUpload {
            color: #999
        }

        /* .cell>.el-button {
            width: 100%;
            height: 100%;
            text-align: center!important;
        } */

        .title {
            font-weight: 500;
            color: #000;
        }

        .img-model {
            margin: 0 auto;
            text-align: center;
        }

        .img-btn {
            border: 0;
        }

        .idCard {
            display: flex;
        }

        .el-table tr th>.cell {
            text-align: center;
        }

        .el-table__row>.cell {
            text-align: center;
        }

        .el-table__row td .cell {
            text-align: center;
        }

        .el-table__row td .cell>button {
            text-align: center;
        }

        input {
            padding: 6px;
            border-radius: 4px;
        }

        .red-border {
            border: 1px solid red;
            color: red;
            padding: 10px 6px;
            width: 250px;
        }

        .red-border::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #f00;
        }

        .bule-border {
            border: 1px solid #606266;
            color: #000;
            padding: 10px 6px;
            width: 250px;
        }

        .bule-border::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #606266;
        }

        .notice {
            opacity: 0;
        }

        /* 上传视频 */
        .video-content {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

        .video-box {
            width: 25%;
            height: auto;
            box-sizing: border-box;
            padding: 10px;
        }

        .video-box video {
            width: 100%;
            height: 100%;
        }

        .el-dialog video {
            width: 100%;
            height: 100%;
        }

        h2 {
            text-align: center;
        }

        .publish {
            display: flex;
            justify-content: flex-end;
        }

        video {
            width: 100%;
            height: 100%;
        }

        th .cell {
            text-align: center;
        }

        .el-table__row td {
            margin: 0 auto;
            text-align: center;
        }

        /* 上传视频 */

        .title,
        .detail,
        .classify,
        .price {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 10px 0;
            text-align: center;
        }

        .title-text,
        .detail-text,
        .classify-text,
        .pirce-text {
            padding-right: 10px;
        }

        .title-text {
            width: 100px;
        }

        .title-input {
            width: 90% !important;
        }

        .pirce-input {
            width: 90% !important;
        }

        .title-input input {
            width: 90%;
        }

        /*简介  */
        .detail-input {
            width: 90%;
        }

        .detail-input input {
            width: 90%;

        }

        .el-select {
            width: 100%;
        }

        .el-input input {
            width: 100% !important;
        }

        /* 禁止文本域拉伸 */

        .el-textarea .el-textarea__inner {
            resize: none;
        }

        /* 分类 */

        .classify-input {
            width: 90%;
        }

        .classify-input input {
            width: 100%;
        }

        /* 上传 */

        .el-container .upload-demo .el-upload {
            margin: 0 auto;
        }

        .el-upload-dragger {
            width: 250px;
            /* margin: 0 30px!important; */
        }

        .el-upload {
            display: block;
        }

        .el-upload-dragger {
            margin: 0 auto;
        }

        .btn-prev {
            background-color: transparent !important;
            color: #fff;

        }

        .btn-next {
            background-color: transparent !important;
            color: #fff;
        }

        /* 提交 */
        .submit {
            width: 300px;
            margin-top: 30px;
            margin: 30px auto;
            display: block;

        }

        /* 视频修改按钮 */
        .alter {
            display: flex;
            justify-content: center;
            text-align: center;
        }

        /* 标题 */
        .header {
            line-height: 60px;
        }

        /* 左侧分类页 */
        .el-submenu .el-menu-item {
            min-width: 0px;
        }

        .el-aside {
            width: 160px !important;
            background-color: #2F4873;
            color: #fff;

        }

        a {
            color: #fff;
        }

        .el-table th,
        .el-table tr {
            background-color: #2F4873;
            color: #fff;
        }



        .el-table tbody tr:hover>td {
            background-color: #2056A9 !important
        }

        tobody {
            border: 1px solid #fff;
        }


        .el-table td,
        .el-table th.is-leaf {
            border-bottom: 0;
        }

        .el-pagination {
            white-space: nowrap;
            padding: 2px 5px;
            color: #fff;
            font-weight: 700;
            background-color: #2056A9 !important
        }

        .el-pager li {
            background-color: #2056A9 !important
        }

        /* .el-table__row:hover {
            background-color: #2056A9;
        } */

        /* .tac{
            background-color: #2F4873;   
        }
        .el-aside .el-col{
            background-color: #2F4873; 
            color: #fff;
        }
        .el-aside .el-row{
            background-color: #2F4873; 
            color: #fff;
        }
        .el-menu-vertical-demo{
            background-color: #2F4873;
            color: #fff;
        } */
        .el-submenu {
            background-color: #2F4873;
            color: #fff;
        }

        .el-menu-item-group {
            background-color: #2F4873;
            color: #fff;
        }

        .el-menu-item {
            color: #fff;
        }

        .el-submenu__title {
            color: #fff;
        }

        .el-submenu__title i {
            color: #fff;
        }

        .xzqn-row {
            padding-bottom: 20px;
            /* text-align: center; */
        }

        .xzqn-row .el-col {
            /* text-align: center; */
            padding: 10px 0;
            border-radius: 10px;
            width: 150px;
            /* background: linear-gradient(to right, rgba(11, 189, 110, .4),rgba(11, 189, 121, .8)); */
            /* background:linear-gradient(left,rgba(11, 189, 121, .6),rgba(11, 189, 121, .6)) ; */
            /* color: #fff; */
        }

        .el-header {
            font-size: 20px;
            font-weight: bold;
        }

        /* 分类选择框 */
        .title-cascader input {
            border: 0;
        }

        .title-cascader input::placeholder {
            color: #000;
        }

        .el-cascader input {
            display: flex !important;
            align-items: center;
            background-color: transparent;
            color: #fff;
        }

        .el-cascader input::placeholder {
            color: #fff;
        }

        .el-main:nth-child(1) main {
            padding: 0;
        }

        .el-col-18 {
            width: 90%;
        }

        .cover {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .cover-image {
            position: absolute;
            right: 20px;
            top: 30px;
            width: 30px;
            height: 30px;
        }

        .information-dialog .el-dialog {
            width: 60%;
        }

        .el-pagination__total {
            color: #fff;
        }

        .el-table tbody tr:hover>td {
            background-color: #2F4873 !important;
        }

        /* .el-table tbody .hover-row {
            background-color: transparent!important;
        } */
        /* 左边栏hover颜色 */
        .el-menu-item:hover {
            background-color: #0187F6;

        }

        .tbody .hover-row {
            background-color: #2F4873 !important
        }

        .el-menu-item:focus {
            background-color: #0187F6;
            color: #fff;
        }

        tbody tr:hover {
            background-color: #2F4873 !important
        }

        tbody td:hover {
            background-color: #2F4873 !important
        }

        .el-table tbody td tr:hover {
            background-color: #2F4873 !important;
        }

        /* .el-table  .el-table__body  .cell:hover{ background: #0187F6!important; } */
    </style>
</head>

<body>
    <div id="app">
        <template>
            <el-container>
                <el-container>
                    <!--侧边导航-->
                    <el-aside>
                        <el-row class="tac">
                            <el-col :span="18">
                                <el-menu :default-openeds=["1"] class="el-menu-vertical-demo">
                                    <el-submenu index="1">
                                        <template slot="title">
                                            <i class="el-icon-location"></i>
                                            <span>认证审核</span>
                                        </template>
                                        <el-menu-item-group>
                                            <el-menu-item index="18" @click="indexPage">首页</el-menu-item>
                                            <el-menu-item index="19" @click="showPerson">用户认证</el-menu-item>
                                            <el-menu-item index="1-2" @click="showContent">内容认证</el-menu-item>
                                            <el-menu-item index="1-3" @click="showSkill">技能认证</el-menu-item>
                                            <el-menu-item index="1-4" @click="showAll">师傅认证</el-menu-item>
                                            <el-menu-item index="1-5" @click="sendUserMessage">发单方认证</el-menu-item>
                                            <el-menu-item index="1-6" @click="order">订单审核</el-menu-item>
                                            <el-menu-item index="1-7" @click="videoAdmin">视频管理</el-menu-item>
                                            <el-menu-item index="1-8" @click="commodityAdmin">商品管理</el-menu-item>
                                            <el-menu-item index="1-9" @click="classifyAdmin">分类管理</el-menu-item>
                                            <el-menu-item index="1-10" @click="informationAdmin">咨讯管理</el-menu-item>
                                        </el-menu-item-group>
                                    </el-submenu>
                                </el-menu>
                            </el-col>
                        </el-row>
                    </el-aside>
                </el-container>
                <el-container style="height: 100%;width: 100%;">
                    <!-- <el-header class="header" style="text-align: center"
                        v-show=showIndex==false||skill||person||content||showAll||showOrder||showVideo||showCommodity>小正青年管理系统
                    </el-header> -->
                    <el-header class="header" style="text-align: center" v-show=showIndex==false>小正青年管理系统
                    </el-header>
                    <el-main :style=showIndex==true?"padding:0;height:100%!important;flex:1;":"">
                        <!-- 数据统计 -->
                        <el-main v-show=showIndex width="100%"
                            style="overflow: hidden;height: 100%;padding: 0!important;">
                            <div class="cover">
                                <div class="cover-image"><img @click="iframe"
                                        style="width: 100%;height:100%;background-color:transparent;"
                                        src="static/fullScreen.png" alt=""></div>
                                <iframe src="./homePage.html" frameborder="0" scrolling="no"
                                    style="width: 100%;height:100%;overflow: hidden;"></iframe>
                            </div>
                            <!-- <el-header>数据统计</el-header> -->
                            <!-- <el-container> -->
                            <!-- <el-header style="padding: 0 0 10px;">小正青年</el-header>
                            <el-row class="xzqn-row" :gutter="20" type="flex" justify="center" align="top"> -->
                            <!-- <h2>小正青年</h2> -->
                            <!-- <el-col :offset="4">总订单数</el-col>
                                <el-col :offset="4">用户人数</el-col>
                            </el-row>
                            <el-row class="xzqn-row" :gutter="20" type="flex" justify="space-around" align="top">
                                <el-col :offset="2">已完成订单数</el-col>
                                <el-col :offset="3">昨日付款订单数</el-col>
                                <el-col :offset="3">今日付款订单数</el-col>
                            </el-row>
                            <el-row class="xzqn-row" :gutter="20" type="flex" justify="space-around" align="top">
                                <el-col :offset="2">未完成订单数</el-col>
                                <el-col :offset="3">付款金额</el-col>
                                <el-col :offset="3">付款金额</el-col>
                            </el-row> -->
                            <!-- </el-container> -->
                            <!-- <el-header style="padding: 0 0 10px;">小正鱼塘</el-header>
                            <el-row class="xzqn-row" :gutter="20" type="flex" justify="center" align="top"> -->
                            <!-- <h2>小正青年</h2> -->
                            <!-- <el-col :offset="4">总订单数</el-col>
                                <el-col :offset="4">用户人数</el-col>
                            </el-row>
                            <el-row class="xzqn-row" :gutter="20" type="flex" justify="space-around" align="top">
                                <el-col :offset="2">已完成订单数</el-col>
                                <el-col :offset="3">昨日付款订单数</el-col>
                                <el-col :offset="3">今日付款订单数</el-col>
                            </el-row>
                            <el-row class="xzqn-row" :gutter="20" type="flex" justify="space-around" align="top">
                                <el-col :offset="2">未完成订单数</el-col>
                                <el-col :offset="3">付款金额</el-col>
                                <el-col :offset="3">付款金额</el-col>
                            </el-row>
                            <el-row class="xzqn-row" :gutter="20" type="flex" justify="space-around" align="top">
                                <el-col :offset="2">总交易额</el-col>
                                <el-col :offset="3">付款金额</el-col>
                                <el-col :offset="3">付款金额</el-col>
                            </el-row> -->
                        </el-main>

                        <!-- </el-header> -->
                        <!--技能表单-->
                        <el-table @row-click="handleClickSkill" v-show=skill :data="tableDataSkill" style="width: 100%">
                            <!--用户-->
                            <el-table-column prop="userId" label="用户">
                            </el-table-column>
                            <!--申请时间-->
                            <el-table-column prop="createTime" label="申请时间" width="180">
                            </el-table-column>
                            <!---->
                            <!--                        <el-table-column-->
                            <!--                                prop="skillCertificate"-->
                            <!--                                label="技能证书">-->
                            <!--                            <template slot-scope="scope">-->
                            <!--                                <img :src="scope.row.skillCertificate"-->
                            <!--                                     style="width: 80px;height:80px;object-fit: cover">-->
                            <!--                            </template>-->
                            <!--                        </el-table-column>-->
                            <el-table-column prop="isCheck" label="审核状态">
                                <template slot-scope="scope">
                                    <div v-if="scope.row.isCheck=='已审核'" props="isCheck" class="pass">
                                        {{scope.row.isCheck}}
                                    </div>

                                    <div v-else class="out" props="isCheck">{{scope.row.isCheck}}</div>

                                </template>
                            </el-table-column>
                            <el-table-column fixed="right" label="操作">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">
                                        <div v-if="scope.row.isCheck!='待审核'" props="isCheck" class="detail">查看
                                        </div>

                                        <div v-else class="out" props="isCheck">审核</div>
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!--个人认证-->
                        <el-table v-show=person @row-click="handleClickPerson" :data="tableDataPerson"
                            style="width: 100%">
                            <el-table-column prop="userId" label="用户">
                            </el-table-column>
                            <el-table-column prop="createTime" label="申请时间" width="180">
                            </el-table-column>
                            <!--                        <el-table-column-->
                            <!--                                prop="idCardImgP"-->
                            <!--                                label="身份证正面"-->
                            <!--                                width="180">-->
                            <!--                            <template slot-scope="scope">-->
                            <!--                                <img :src="scope.row.idCardImgP" style="width: 80px;height:80px;object-fit: cover">-->
                            <!--                            </template>-->
                            <!--                        </el-table-column>-->
                            <!--                        <el-table-column-->
                            <!--                                prop="idCardImgB"-->
                            <!--                                label="身份证背面">-->

                            <!--                            <template slot-scope="scope">-->
                            <!--                                <img :src="scope.row.idCardImgB" style="width: 80px;height:80px;object-fit: cover">-->
                            <!--                            </template>-->
                            <!--                        </el-table-column>-->
                            <!--                        <el-table-column-->
                            <!--                                prop="personalImg"-->
                            <!--                                label="个人形象照片">-->
                            <!--                            <template slot-scope="scope">-->
                            <!--                                <img :src="scope.row.personalImg" style="width: 80px;height:80px;object-fit: cover">-->
                            <!--                            </template>-->
                            <!--                        </el-table-column>-->
                            <el-table-column prop="idCardName" label="姓名">
                            </el-table-column>
                            <el-table-column prop="idCardNum" label="身份证号码">
                            </el-table-column>
                            <el-table-column label="审核状态">
                                <template slot-scope="scope">
                                    <div v-if="scope.row.isCheck=='已审核'" props="isCheck" class="pass">
                                        {{scope.row.isCheck}}
                                    </div>

                                    <div v-else class="out" props="isCheck">{{scope.row.isCheck}}</div>

                                </template>
                            </el-table-column>
                            <el-table-column fixed="right" label="操作" width="100">
                                <template slot-scope="scope">

                                    <el-button type="text" size="small">
                                        <div v-if="scope.row.isCheck!='待审核'" props="isCheck" class="detail">
                                            查看
                                        </div>

                                        <div v-else class="out" props="isCheck">审核</div>
                                    </el-button>

                                </template>
                            </el-table-column>
                        </el-table>
                        <!--内容认证表单-->
                        <el-table v-show=content :data="tableDataContent" @row-click="handleClickContent"
                            style="width: 100%">
                            <el-table-column prop="userId" label="用户" width="80">

                            </el-table-column>
                            <el-table-column prop="createTime" label="申请时间" width="180">
                            </el-table-column>
                            <el-table-column prop="area" label="服务地区" width="120">
                            </el-table-column>
                            <el-table-column prop="promise" label="服务承诺" width="120">
                            </el-table-column>
                            <el-table-column prop="des" label="服务描述">
                            </el-table-column>
                            <el-table-column prop="promise" label="服务承诺">
                            </el-table-column>
                            <el-table-column label="审核状态" width="120">
                                <template slot-scope="scope">
                                    <div v-if="scope.row.isCheck=='已审核'" props="isCheck" class="pass">
                                        {{scope.row.isCheck}}
                                    </div>

                                    <div v-else class="out" props="isCheck">{{scope.row.isCheck}}</div>

                                </template>
                            </el-table-column>
                            <el-table-column fixed="right" label="操作" width="100">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">
                                        <div v-if="scope.row.isCheck!='待审核'" props="isCheck" class="detail">
                                            查看
                                        </div>

                                        <div v-else class="out" props="isCheck">审核</div>
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- 师傅认证 -->
                        <el-table v-show=all :data="allData" style="width: 100%">
                            <!--用户-->
                            <el-table-column prop="userId" label="用户">
                            </el-table-column>
                            <el-table-column prop="name" label="姓名">
                            </el-table-column>
                            <!--申请时间-->
                            <el-table-column label="内容认证">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small" prop="statusContent"
                                        @click="cellContent(scope.$index, scope.row.authContent)">
                                        <div v-if="scope.row.statusContent=='0'" props="statusContent" class="unUpload">
                                            未上传
                                        </div>
                                        <div v-else-if="scope.row.statusContent=='1'" class="out" props="statusContent">
                                            待审核</div>
                                        <div v-else class="detail" props="statusContent">已审核</div>
                                    </el-button>
                                </template>
                            </el-table-column>
                            <el-table-column prop="statusSkill" label="技能认证">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">

                                        <div v-if="scope.row.statusSkill=='0'"
                                            @click="cellSkill(scope.$index, scope.row.authSkill)" props="statusSkill"
                                            class="unUpload">
                                            未上传
                                        </div>
                                        <div v-else-if="scope.row.statusSkill=='1'"
                                            @click="cellSkill(scope.$index, scope.row.authSkill)" class="out"
                                            props="statusSkill">待审核
                                        </div>
                                        <div v-else class="detail" @click="cellSkill(scope.$index, scope.row.authSkill)"
                                            props="statusSkill">已审核</div>
                                    </el-button>
                                </template>
                            </el-table-column>
                            <el-table-column prop="statusPerson" label="用户认证">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">
                                        <div v-if="scope.row.statusPerson=='0'"
                                            @click="cellPerson(scope.$index, scope.row.authPerson)" props="statusPerson"
                                            class="unUpload">
                                            未上传
                                        </div>
                                        <div v-else-if="scope.row.statusPerson=='1'"
                                            @click="cellPerson(scope.$index, scope.row.authPerson)" class="out"
                                            props="statusPerson">
                                            待审核</div>
                                        <div v-else class="detail"
                                            @click="cellPerson(scope.$index, scope.row.authPerson)"
                                            props="statusPerson">
                                            已审核</div>
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- 发单方认证 -->
                        <el-table v-show=showSend :data="tableDataSend" style="width: 100%"
                            @row-click="handleClickSend">
                            <!--用户-->
                            <el-table-column prop="sendUserId" label="用户">
                            </el-table-column>
                            <el-table-column prop="name" label="姓名">
                            </el-table-column>
                            <el-table-column prop="updateTime" label="申请时间">
                            </el-table-column>
                            <el-table-column prop="phone" label="手机号码">
                            </el-table-column>
                            <el-table-column prop="idCardNum" label="身份证号码">
                            </el-table-column>
                            <!--申请时间-->
                            <el-table-column fixed="right" label="操作" width="100">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">
                                        <div v-if="scope.row.isCheck=='2'" props="isCheck" class="detail">查看
                                        </div>
                                        <div v-else-if="scope.row.isCheck=='9'" props="isCheck" class="unUpload">查看
                                        </div>

                                        <div v-else class="out" props="isCheck">审核</div>
                                    </el-button>
                                </template>
                            </el-table-column>

                        </el-table>
                        <!--订单审核表单-->
                        <el-table v-show=showOrder :data="orderList" @row-click="handleClickOrder" style="width: 100%">
                            <el-table-column prop="publishId" label="publishId" width="90">

                            </el-table-column>
                            <el-table-column prop="userId" label="userId" width="76">

                            </el-table-column>
                            <el-table-column prop="name" label="姓名" width="80">
                            </el-table-column>
                            <el-table-column prop="phone" label="号码" width="120">
                            </el-table-column>
                            <el-table-column prop="createTime" label="申请时间" width="150">
                            </el-table-column>
                            <el-table-column prop="serviceAddr" label="服务地址" width="180">
                            </el-table-column>

                            <el-table-column prop="totalFee" label="费用" width="80">
                            </el-table-column>

                            <el-table-column prop="project[0].title" label="服务内容" width="120">
                            </el-table-column>
                            <el-table-column prop="serviceDesc" label="描述">
                            </el-table-column>
                            <el-table-column label="审核状态" width="80">
                                <template slot-scope="scope">
                                    <div v-if="scope.row.isCheck=='0'||scope.row.isCheck==1" props="isCheck"
                                        class="out">
                                        未审核
                                    </div>
                                    <div v-else-if="scope.row.isCheck=='9'" props="isCheck" class="unUpload">
                                        拒绝通过
                                    </div>

                                    <div v-else class="pass" props="isCheck">审核通过</div>

                                </template>
                            </el-table-column>
                            <el-table-column fixed="right" label="操作" width="100">
                                <template slot-scope="scope">
                                    <el-button type="text" size="small">
                                        <div v-if="scope.row.isCheck=='1'" props="isCheck" class="detail">
                                            查看
                                        </div>
                                        <div v-else-if="scope.row.isCheck=='9'" props="isCheck" class="unUpload">查看
                                        </div>

                                        <div v-else class="out" props="isCheck">查看</div>
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <!-- 上传视频 -->
                        <!-- <div class="publish">
    <el-button type="primary" @click="publish">发布</el-button>
</div> -->
                        <div v-show="showVideo">
                            <div class="publish">
                                <el-button type="primary" @click="publish">发布</el-button>
                            </div>

                            <el-table :data="tableData" style="width: 100%">
                                <el-table-column label="视频" width="180">
                                    <template slot-scope="scope">
                                        <img @click="player" class="" :data-addr="scope.row.videoAddr"
                                            style="object-fit: cover;width:100px;height:auto;"
                                            :src="scope.row.videoImg">
                                        <!-- </img> -->
                                    </template>
                                </el-table-column>
                                <el-table-column prop="videoDate" label="创建日期" width="180">
                                </el-table-column>
                                <el-table-column prop="videoType" label="分类" width="180">
                                </el-table-column>
                                <el-table-column prop="videoName" label="标题" width="180">
                                </el-table-column>
                                <el-table-column prop="videoDes" label="描述">
                                </el-table-column>
                                <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <div class="alter">
                                            <el-button type="primary" @click="alterVideo"
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id"><span
                                                    :data-item="JSON.stringify(scope.row)"
                                                    :data-id="scope.row.id">修改</span></el-button>
                                            <el-button type="danger" @click="deleteVideo"
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id"><span
                                                    :data-item="JSON.stringify(scope.row)"
                                                    :data-id="scope.row.id">删除</span></el-button>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <el-dialog :visible.sync="video" @close="closeVideo">
                            <div>
                                <video id="videoBox" :src="videoPlay" initial-time="0" autoplay="false" loop="false"
                                    direction="0" controls bindplay="" bindpause="pause" bindended="" bindtimeupdate=""
                                    bindwaiting="" binderror="" style="height:500px">

                                </video>

                            </div>
                        </el-dialog>
                        <!-- 商品简单管理 -->
                        <div v-show="showCommodity" @change="showCommodity">
                            <div class="publish">
                                <el-button type="primary" @click="add">添加商品</el-button>
                                <el-button type="primary" @click="addClassify">添加分类</el-button>
                                <el-button type="primary" @click="alterClassify">修改分类</el-button>
                            </div>
                            <el-table :data="tableCommodity" style="width: 100%">
                                <el-table-column label="商品">
                                    <template slot-scope="scope">
                                        <img :src=scope.row.imgList[0] alt="" srcset=""
                                            style="object-fit: cover;width:100px;height: auto;">
                                    </template>
                                </el-table-column>
                                <el-table-column prop="classify" label="分类" width="180">
                                    <template slot="header" slot-scope="scope">
                                        <el-cascader class="title-cascader" :options="options" :show-all-levels="false"
                                            placeholder="分类" :props="chooseClassify" v-model="titleClassify">

                                        </el-cascader>

                                    </template>
                                </el-table-column>
                                <el-table-column prop="productName" label="标题" width="240">
                                </el-table-column>
                                <el-table-column prop="des" label="描述" width="240">
                                </el-table-column>
                                <el-table-column prop="price" label="价格" width="90">
                                </el-table-column>
                                <!-- <el-table-column prop="storage" label="库存" width="90">
                                </el-table-column> -->
                                <el-table-column label="操作" width="240">
                                    <template slot-scope="scope">
                                        <div class="alter">
                                            <el-button type="primary" @click="alterCommodity"
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id"><span
                                                    :data-item="JSON.stringify(scope.row)"
                                                    :data-id="scope.row.id">修改</span></el-button>
                                            <el-button type="danger" @click="deleteCommodity"
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id"><span
                                                    :data-item="JSON.stringify(scope.row)"
                                                    :data-id="scope.row.id">删除</span></el-button>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <!-- 简单的分类管理 -->
                        <div v-show="showClassify">
                            <div class="publish">

                                <el-button type="primary" @click="addClassify">添加分类</el-button>

                            </div>
                            <el-table :data="tableClassify" style="width: 100%">
                                <el-table-column label="id" prop="id">
                                </el-table-column>
                                <el-table-column prop="bigCate" label="大类">

                                </el-table-column>
                                <el-table-column prop="name" label="小类">
                                </el-table-column>
                                <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <div class="alter">
                                            <el-button type="primary" @click="alterClassify"
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id"
                                                :data-id="scope.row.bigId"><span :data-item="JSON.stringify(scope.row)"
                                                    :data-id="scope.row.bigId" :data-id="scope.row.id">修改</span>
                                            </el-button>
                                            <el-button type="danger" @click="deleteClassify"
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id"><span
                                                    :data-item="JSON.stringify(scope.row)"
                                                    :data-id="scope.row.id">删除</span></el-button>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <!-- 咨讯管理 -->
                        <div v-show="informationShow">
                            <div class="publish">
                                <el-button type="primary" @click="addInformation">添加咨讯</el-button>
                            </div>
                            <el-table :data="tableInformation" style="width: 100%">
                                <el-table-column label="id" prop="id">
                                </el-table-column>
                                <el-table-column prop="newsTitle" label="标题">
                                </el-table-column>
                                <el-table-column prop="newsDate" label="创建时间">
                                </el-table-column>
                                <el-table-column prop="newsType" label="类型">
                                </el-table-column>
                                <el-table-column prop="newsReadNums" label="阅读量">
                                </el-table-column>
                                <el-table-column prop="newsLikeNums" label="喜欢人数">
                                </el-table-column>
                                <el-table-column label="链接">
                                    <template slot-scope="scope">
                                        <div>
                                            <a :href="scope.row.newsUrl">{{scope.row.newsUrl}}</a>
                                        </div>
                                    </template>
                                </el-table-column>
                                <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <div class="alter">
                                            <!-- <el-button type="primary" @click.stop="alterInformation"
                                                :data-item="JSON.stringify(scope.row)" 
                                                :data-id="scope.row.id"><span :data-item="JSON.stringify(scope.row)"
                                                @click.stop="alterInformation" 
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id">修改</span>
                                            </el-button> -->
                                            <el-button type="danger" @click="deleteInformation"
                                                :data-item="JSON.stringify(scope.row)" :data-id="scope.row.id"><span
                                                    :data-item="JSON.stringify(scope.row)"
                                                    :data-id="scope.row.id">删除</span></el-button>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>


                        <!-- </div>  -->
                        <!---->
                        <!--                        <el-table-column-->
                        <!--                                prop="skillCertificate"-->
                        <!--                                label="技能证书">-->
                        <!--                            <template slot-scope="scope">-->
                        <!--                                <img :src="scope.row.skillCertificate"-->
                        <!--                                     style="width: 80px;height:80px;object-fit: cover">-->
                        <!--                            </template>-->
                        <!--                        </el-table-column>-->
                        <!-- <el-table-column prop="isCheck" label="审核状态">
                                    <template slot-scope="scope">
                                        <div v-if="scope.row.isCheck=='已审核'" props="isCheck" class="pass">
                                            {{scope.row.isCheck}}
                                        </div>
    
                                        <div v-else class="out" props="isCheck">{{scope.row.isCheck}}</div>
    
                                    </template>
                                </el-table-column> -->
                    </el-main>
                    <!-- <el-footer></el-footer> -->
                </el-container>
            </el-container>
            <!-- 分页 -->
            <el-pagination
                v-show=person||content||skill||all||showOrder||showSend||showVideo||showCommodity||informationShow&&!showClassify
                class="el-pagination-css" :page-size="5" :pager-count="11" :current-page="currentPage"
                @size-change="handleSizeChange" @current-change="handleCurrentChange" layout="prev, pager, next,total"
                :total="total">
            </el-pagination>
            <!-- 内容认证弹窗 -->
            <!-- </el-dialog> -->

            <!--内容认证弹窗-->
            <el-dialog title="内容认证" :visible.sync="dialogVisibleContent" width="50%">
                <p> <span class="title"> 用户: {{userId}}</span>
                    <br></p>

                <p> <span class="title">申请时间: {{createTime}}</span>

                    <br></p>
                <p>
                    <span class="title">审核状态:
                        <span :class="isCheck=='已审核'?'check':'out'"> {{isCheck}}</span>
                        <br>
                </p>
                <p v-show="isCheck=='未通过'"> <span class="title">拒绝原因:</span><span>{{refuseReason}}</span><br>
                </p>
                <p>
                    <span class="title"> 服务地区: {{area}}</span>

                    <br></p>
                <p>
                    <span class="title"> 服务描述:{{des}}</span> <br>

                </p>
                <p>
                    <span class="title"> 服务介绍:{{introduce}}</span>

                    <br>
                </p>
                <p>
                    <span class="title">服务承诺: {{promise}}</span>
                    <br>

                </p>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisibleContent = false">取 消</el-button>
                    <el-button type="danger" @click="cancelContentStatus" :disabled="isCheck!='待审核'?true:false">拒绝通过
                    </el-button>
                    <el-button type="primary" @click="confirmContentStatus" :disabled="isCheck!='待审核'?true:false">确认审核

                    </el-button>
                </span>
            </el-dialog>

            <!--技能认证弹窗-->
            <el-dialog title="技能认证" :visible.sync="dialogVisibleSkill" width="50%">
                <div> <span class="title">技能证书:</span>

                    <el-dialog :visible.sync="imgShow" append-to-body="true">
                        <div class="img-model"> <img :src=skillCertificate alt="加载失败"
                                style="width: auto;height:400px;object-fit: fill">
                            </el-button>
                        </div>

                    </el-dialog>
                    <el-button class="img-btn" slot="reference" @click=imgBox> <img :src=skillCertificate alt="加载失败"
                            style="width: 80px;height:80px;object-fit: cover"></el-button>


                </div>

                <br>
                <div>
                    <p> <span class="title">用户:{{userId}}</span></p>
                </div>
                <p> <span class="title"></span>申请时间:{{createTime}}</span></p>
                <p>
                    <span class="title">审核状态:
                        <span :class="isCheck=='已审核'?'check':'out'"> {{isCheck}}</span>
                        <br>
                </p>
                <p v-show="isCheck=='未通过'"> <span class="title">拒绝原因:</span><span>{{refuseReason}}</span><br>
                </p>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisibleSkill = false">取 消</el-button>
                    <el-button type="danger" @click="cancelSkillStatus" :disabled="isCheck!='待审核'?true:false">拒绝通过
                    </el-button>
                    <el-button type="primary" @click="confirmSkillStatus" :disabled="isCheck!='待审核'?true:false">确认审核
                    </el-button>
                </span>
            </el-dialog>
            <el-dialog title="用户认证" :visible.sync="dialogVisiblePerson" width="50%">
                <p> <span class="title">用户:{{userId}} </span><br></p>
                <p> <span class="title">申请时间:{{createTime}}</span><br></p>

                <div class="idCard">
                    <div>
                        <span class="title">身份证正面:</span>
                        <el-dialog :visible.sync="imgShow2" append-to-body="true">
                            <div class="img-model"> <img :src=idCardImgP alt="加载失败"
                                    style="width: auto;height:400px;object-fit: fill">
                                </el-button>
                            </div>

                        </el-dialog>
                        <el-button class="img-btn" slot="reference" @click=imgBox2> <img :src=idCardImgP alt="加载失败"
                                style="width: 80px;height:80px;object-fit: cover"></el-button>
                    </div>

                    <div>
                        <span class="title"> 身份证反面:</span>

                        <el-dialog :visible.sync="imgShow3" append-to-body="true">
                            <div class="img-model"> <img :src=idCardImgB alt="加载失败"
                                    style="width: auto;height:400px;object-fit: fill">
                                </el-button>
                            </div>

                        </el-dialog>
                        <el-button class="img-btn" slot="reference" @click=imgBox3> <img :src=idCardImgB alt="加载失败"
                                style="width: 80px;height:80px;object-fit: cover"></el-button>


                    </div>
                    <div> <span class="title">个人照片:</span>
                        <el-dialog :visible.sync="imgShow4" append-to-body="true">
                            <div class="img-model"> <img :src=personalImg alt="加载失败"
                                    style="width: auto;height:400px;object-fit: fill">
                                </el-button>
                            </div>

                        </el-dialog>
                        <el-button class="img-btn" slot="reference" @click=imgBox4> <img :src=personalImg alt="加载失败"
                                style="width: 80px;height:80px;object-fit: cover"></el-button>

                        <br>
                        </p>
                    </div>
                </div>
                <p> <span class="title">个人姓名:{{idCardName}} </span> </p>
                <p> <span class="title">身份证号码:{{idCardNum}}</span><span></span><br></p>
                <p> <span class="title">审核状态:<span :class="isCheck=='已审核'?'check':'out'">{{isCheck}}</span><br>
                        <p v-show="isCheck=='未通过'"> <span class="title">拒绝原因:</span><span>{{refuseReason}}</span><br>
                        </p>
                        <!-- 个人审核 -->
                        <span slot="footer" class="dialog-footer">
                            <el-button @click="dialogVisiblePerson = false">取 消</el-button>
                            <el-button type="danger" @click="cancelPersonStatus" :disabled="isCheck!='待审核'?true:false">
                                拒绝通过
                            </el-button>
                            <el-button type="primary" @click="confirmPersonStatus"
                                :disabled="isCheck!='待审核'?true:false">
                                确认审核
                            </el-button>
                        </span>
            </el-dialog>
            <!-- 分类弹出框 -->
            <el-dialog title="分类列表" :visible.sync="dialogVisibleClassify" v-model="dialogVisibleClassify" width="50%">
                <!-- <div class="title">
            <div class="title-text">cateId:</div>
            <div class="title-input">
                <el-input v-model="cateId" placeholder="请输入内容"></el-input>
            </div>
        </div> -->
                <div class="title">
                    <div class="title-text">大类:</div>
                    <div class="title-input">
                        <el-cascader v-model="selectOption" :options="bigOptions" :show-all-levels="false"
                            placeholder="大类" :props="chooseBigClassify">
                        </el-cascader>
                    </div>
                </div>
                <div class="title">
                    <div class="title-text">小类:</div>
                    <div class="title-input">
                        <el-input v-model="smallCates" type="text" placeholder="请输入小类名称"></el-input>
                    </div>
                </div>
                <el-button class="submit" @click="submitClassify" type="primary">提交</el-button>
            </el-dialog>
            <!-- 修改分类弹出框 -->
            <el-dialog title="修改列表" :visible.sync="alterClassifyBox" v-model="alterClassifyBox" width="50%">
                <!-- <div class="title">
            <div class="title-text">大类:</div>
            <div class="title-input">
                <el-cascader v-model="selectOption" :options="bigOptions" :show-all-levels="false" placeholder="大类"
                    :props="chooseBigClassify">
                </el-cascader>
            </div>
        </div>
        <div class="title">
            <div class="title-text">小类:</div>
            <el-select v-model="smallCatesList" placeholder="请选择需要修改分类">

                <el-option :label="item.cateName" :value="item.cateId" v-for="(item, index) in smallCatesListArr"
                    :key="index"></el-option> -->

                <!-- </el-select> -->

                <!-- </div> -->
                <div class="title">
                    <div class="title-text">修改的小类:</div>
                    <el-input type="text" placeholder="请输入小类名称" v-model="smallCatesName"></el-input>
                </div>
                <el-button class="submit" @click="submitClassify" type="primary">提交</el-button>
            </el-dialog>
            <!-- 商品审核弹出框 -->
            <el-dialog title="上传商品" :visible.sync="dialogVisibleCommodity" v-model="dialogVisibleCommodity" width="50%">
                <div class="title">
                    <div class="title-text">商品编号:</div>
                    <div class="title-input">
                        <el-input v-model="commodityId" placeholder="请输入内容"></el-input>
                    </div>
                </div>
                <div class="title">
                    <div class="title-text">商品名:</div>
                    <div class="title-input">
                        <el-input v-model="commodityName" placeholder="请输入内容"></el-input>
                    </div>
                </div>
                <div class="title">
                    <div class="title-text">商品价格:</div>
                    <div class="price-input">
                        <el-input v-model="commodityPrice" type="number" placeholder="请输入商品价格"></el-input>
                    </div>
                </div>
                <!-- <div class="title">
                    <div class="title-text">商品库存:</div>
                    <div class="price-input">
                        <el-input v-model="storage" type="number" placeholder="请输入商品库存"></el-input>
                    </div>
                </div> -->
                <!-- 简介 -->
                <div class="detail">
                    <div class="title-text">简介:</div>
                    <div class="detail-input">
                        <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入简介"
                            v-model="commodityDes" maxlength=150>
                        </el-input>

                    </div>
                </div>
                <!-- 分类 -->
                <div class="classify">
                    <div class="title-text">分类:</div>
                    <div class="classify-input">
                        <el-cascader v-model="commodityClassify" :options="options" :show-all-levels="false"
                            placeholder="分类" :props="chooseClassify">

                        </el-cascader>
                        <!-- <el-select v-model="commodityClassify" placeholder="请选择上传分类">
                    <el-option label="分类一" value="分类一"></el-option>
                    <el-option label="分类二" value="分类二"></el-option>
                    <el-option label="分类三" value="分类三"></el-option>
                    <el-option label="分类四" value="分类四"></el-option>
                </el-select> -->

                    </div>
                </div>
                <!-- 文本 -->
                <!-- </el-main> -->
                <!-- </el-container> -->
                <!-- <el-container> -->
                <!-- <el-form enctype="multipart/form-data"> -->
                <el-upload class="upload-demo" ref="uploadCommodity" drag :file-list="files" :limit="6"
                    accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
                    action="https://www.xiaozheng8.com/upload" multiple
                    :on-success="(value)=> handleSuccessCommodity(index, value)" :on-change="handleImgChange"
                    :on-remove="handleRemove">
                    <i class="el-icon-upload"></i>
                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                    <!-- <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div> -->
                </el-upload>
                <!-- </el-form-item> -->
                <!-- </el-container> -->
                <el-button class="submit" @click="submitCommodity" type="primary">提交</el-button>
            </el-dialog>
            <!-- 咨讯弹窗 -->
            <el-dialog :visible.sync="innerVisibleInformation" class="information-dialog"
                v-model="innerVisibleInformation" title="咨讯填写">
                <div class="title">
                    <div class="title-text">标题:</div>
                    <div class="title-input">
                        <el-input v-model="infoTitle" placeholder="请输入内容"></el-input>
                    </div>
                </div>
                <div class="title">
                    <div class="title-text">类型:</div>
                    <div class="title-input">
                        <el-input v-model="infoType" placeholder="请输入类型" disable></el-input>
                    </div>
                </div>
                <el-upload class="upload-demo" ref="uploadInfo" drag :file-list="infoFiles" :limit="3"
                    accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
                    action="https://www.xiaozheng8.com/upload" multiple
                    :on-success="(value)=> handleSuccessInfo(index, value)" :on-change="handleInfoChange"
                    :on-remove="handleInfoRemove">
                    <i class="el-icon-upload"></i>
                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                    <div slot="tip">只能上传image/gif,image/jpeg,image/jpg,image/png,image/svg文件，且不超过3张</div>
                    <!-- <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div> -->
                </el-upload>

                <iframe id="childframe" class="childframeName" :src="childFrame" ref="newChild" frameborder="0"
                    style="width: 100%;height:400px"></iframe>
                <div class="title">
                    <div class="title-text">富文本内容:</div>
                    <div class="title-input">
                        <el-input id="richcontent" v-model="richContent" :value="richContent" disabled></el-input>
                    </div>
                </div>
                <el-button class="submit" @click="submitInfo" type="primary">提交</el-button>
            </el-dialog>
            <!-- 内容审核 -->
            <el-dialog width="30%" title="提示" :visible.sync="innerVisibleContent">
                确认{{check==9?"拒绝":""}}通过审核 <br><br>
                <!-- 请输入拒绝原因 <input v-show="check==9" v-model="refuse" type="text" placeholder="拒绝原因"> -->
                <p v-show="check==9">请填写拒绝原因： <input v-show="check==9" autofocus :class=border v-model="refuse"
                        type="text" placeholder="拒绝原因" @blur.prevent="changeCount()" @focus='focusChange'></p>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="innerVisibleContent = false">取 消</el-button>
                    <el-button type="primary" @click="updateContentStatus" :disabled="check==9&&refuse==''">确定
                    </el-button>
                </span>
            </el-dialog>
            <!-- 技能审核 -->
            <el-dialog width="30%" title="提示" :visible.sync="innerVisibleSkill" append-to-body>
                确认{{check==9?"拒绝":""}}通过审核<br><br>
                <p v-show="check==9"> 请填写拒绝原因： <input v-show="check==9" autofocus :class=border v-model="refuse"
                        type="text" placeholder="拒绝原因" @blur.prevent="changeCount()" @focus='focusChange'></p>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="innerVisibleSkill = false">取 消</el-button>
                    <el-button type="primary" @click="updateSkillStatus" props="check" :disabled="check==9&&refuse==''">
                        确定</el-button>
                </span>
            </el-dialog>
            <!-- 师傅审核 -->
            <el-dialog width="30%" title="提示" :visible.sync="innerVisiblePerson" append-to-body>
                确认{{check==9?"拒绝":""}}通过审核<br><br>
                <p v-show="check==9">请填写拒绝原因： <input autofocus v-show="check==9" :class=border v-model="refuse"
                        type="text" placeholder="拒绝原因" @blur.prevent="changeCount()" @focus='focusChange'></p>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="innerVisiblePerson = false">取 消</el-button>
                    <el-button type="primary" @click="updatePersonStatus" :disabled="check==9&&refuse==''">确定
                    </el-button>
                </span>
            </el-dialog>
            <!-- 订单审核 -->
            <el-dialog width="30%" title="提示" :visible.sync="innerVisibleOrder" append-to-body>
                确认{{check==9?"拒绝":""}}通过审核 <br><br>
                <p v-show="check==9"> 请填写拒绝原因：<input ref="content" v-show="check==9" :class=border v-model="refuse"
                        type="text" placeholder="拒绝原因" @blur.prevent="changeCount()" @focus='focusChange'>
                </p>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="innerVisibleOrder = false">取 消</el-button>
                    <el-button type="primary" @click="updateOrderStatus" :disabled="check==9&&refuse==''">确定</el-button>
                </span>
            </el-dialog>
            <!-- 发单方审核 -->
            <el-dialog width="30%" title="提示" :visible.sync="innerVisibleSend" append-to-body>
                确认{{check==9?"拒绝":""}}通过审核 <br><br>
                <p v-show="check==9"> 请填写拒绝原因：<input ref="content" v-show="check==9" :class=border v-model="refuse"
                        type="text" placeholder="拒绝原因" @blur.prevent="changeCount()" @focus='focusChange'>
                </p>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="innerVisibleSend= false">取 消</el-button>
                    <el-button type="primary" @click="updateSendStatus" :disabled="check==9&&refuse==''">确定</el-button>
                </span>
            </el-dialog>
            <!-- 视频上传 -->
            <el-dialog class="my-video" title="上传视频" v-model="innerVisibleVideo" :visible.sync="innerVisibleVideo"
                append-to-body>
                <!-- <el-container> -->
                <!-- <el-header>
               
            </el-header> -->
                <!-- 视频上传内容 -->
                <!-- <el-main> -->
                <!-- 先给出一个上传的进度条 -->
                <!-- 在给出上传视频的类型以及内容 -->
                <!-- 标题 -->
                <div class="title">
                    <div class="detail-text">标题:</div>
                    <div class="title-input">
                        <el-input v-model="input" placeholder="请输入内容"></el-input>
                    </div>
                </div>
                <!-- 简介 -->
                <div class="detail">
                    <div class="detail-text">简介:</div>
                    <div class="detail-input">
                        <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容"
                            v-model="detail" maxlength=150>
                        </el-input>

                    </div>
                </div>
                <!-- 分类 -->
                <div class="classify">
                    <div class="classify-text">分类:</div>
                    <div class="classify-input">

                        <el-select v-model="classify" placeholder="请选择上传分类">
                            <el-option label="安装视频" value="安装视频"></el-option>
                            <el-option label="操作视频" value="操作视频"></el-option>

                        </el-select>

                    </div>
                </div>
                <!-- 文本 -->
                <!-- </el-main> -->
                <!-- </el-container> -->
                <!-- <el-container> -->
                <!-- <el-form enctype="multipart/form-data"> -->
                <div style="display: flex;justify-content: space-between;padding: 20px 60px;">
                    <el-upload class="upload-demo" ref="uploadImg" drag action="https://www.xiaozheng8.com/upload"
                        :limit='1' accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" multiple
                        :on-error="(value)=> handleErrorImgHref(index, value)"
                        :on-success="(value)=> handleSuccessImgHref(index, value)" slot="只能上传图片类型">
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传缩略图</em></div>
                        <!-- <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div> -->
                    </el-upload>
                    <el-upload class="upload-demo" ref="upload" accept="video/*" drag
                        action="https://www.xiaozheng8.com/upload/videos" :limit='1' multiple
                        :on-success="(value)=> handleSuccessImg(index, value)">
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传视频</em></div>
                        <!-- <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div> -->
                    </el-upload>
                </div>
                <!-- </el-form-item> -->
                <!-- </el-container> -->
                <el-button class="submit" @click="submit" type="primary">提交</el-button>

            </el-dialog>

            <!-- 提交提示 -->
            <!-- <el-dialog width="30%" title="提示" :visible.sync="tips" append-to-body>
        <div style="text-align: center">
            <p>提交成功</p>
        </div>
        <span slot="footer" class="dialog-footer" close="colseTips">
            <el-button type="primary" @click="confirm">确定</el-button>
        </span>
    </el-dialog> -->
            <!--订单认证弹窗-->
            <el-dialog title="订单审核" :visible.sync="dialogVisibleOrder" width="50%">
                <p> <span class="title"> publishId: {{publishId}}</span>

                    <br></p>
                <p> <span class="title"> userId: {{userId}}</span>

                    <br></p>
                <p> <span class="title"> 申请时间:{{createTime}}</span>

                    <br></p>

                <p> <span class="title">姓名: {{name}}</span>

                    <br></p>
                <p> <span class="title">号码: {{phone}}</span>

                    <br></p>
                <p> <span class="title">地址: {{serviceAddr}}</span>

                    <br></p>
                <p> <span class="title">费用:{{totalFee}}</span>

                    <br></p>
                <p> <span class="title">项目:</span>
                    <div v-for="(bigCate, index) in project" :key="index">
                        <div>{{bigCate.title}}</div>
                        <div v-for="(item, index) in bigCate.titleContent" :key="index">
                            <span class='names' v-for="(name, index) in item.names"
                                :key="index">{{name}}{{index+1==item.names.length?"":"-"}}</span><span>*{{item.number}}</span>
                        </div>
                    </div>
                    <br>
                </p>
                <p> <span class="title">描述: {{serviceDesc}}</span>

                    <br></p>
                <p>
                    <span class="title">审核状态:
                        <span v-show="isCheck!=9" :class="isCheck=='2'?'check':'out'">
                            {{isCheck==0||isCheck==1?"未审核":"已审核"}}</span></span>
                    <span v-show="isCheck==9" class="out">拒绝通过</span></span>
                    <br>
                </p>
                <p v-show="isCheck=='9'"> <span class="title">拒绝原因:</span><span>{{refuseReason}}</span><br>
                </p>

                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisibleOrder = false">取 消</el-button>
                    <el-button type="danger" @click="cancelOrderStatus" :disabled="isCheck!='0'&&isCheck!=1?true:false">
                        拒绝通过
                    </el-button>
                    <el-button type="primary" @click="confirmOrderStatus"
                        :disabled="isCheck!='0'&&isCheck!=1?true:false">确认审核
                    </el-button>
                </span>
            </el-dialog>
            <!-- 发单方认证弹窗 -->
            <el-dialog title="订单审核" :visible.sync="dialogVisibleSend" width="50%">
                <p> <span class="title"> sendUserId: {{sendUserId}}</span>

                    <br></p>
                <p> <span class="title"> 姓名: {{name}}</span>

                    <br></p>
                <p> <span class="title"> 申请时间:{{createTime}}</span>

                    <br></p>
                <p> <span class="title">号码: {{phone}}</span>

                    <br></p>
                <p> <span class="title">身份证号: {{idCardNum}}</span>

                    <br></p>
                <p>
                    <div class="idCard">
                        <div>
                            <span class="title">身份证正面:</span>
                            <el-dialog :visible.sync="imgShow2" append-to-body="true">
                                <div class="img-model"> <img :src=idCardImgP alt="加载失败"
                                        style="width: auto;height:400px;object-fit: fill">
                                    <!-- </el-button> -->
                                </div>
                            </el-dialog>
                            <el-button class="img-btn" slot="reference" @click=imgBox2> <img :src=idCardImgP alt="加载失败"
                                    style="width: 80px;height:80px;object-fit: cover"></el-button>
                        </div>

                        <div>
                            <span class="title"> 身份证反面:</span>

                            <el-dialog :visible.sync="imgShow3" append-to-body="true">
                                <div class="img-model"> <img :src=idCardImgB alt="加载失败"
                                        style="width: auto;height:400px;object-fit: fill">
                                    </el-button>
                                </div>

                            </el-dialog>
                            <el-button class="img-btn" slot="reference" @click=imgBox3> <img :src=idCardImgB alt="加载失败"
                                    style="width: 80px;height:80px;object-fit: cover"></el-button>


                        </div>
                    </div>
                    <div v-if="licence!=null && licence!=''">

                        <div>
                            <span class="title"> 企业营业执照:</span>

                            <el-dialog :visible.sync="imgShow5" append-to-body="true">
                                <div class="img-model"> <img :src=licence alt="加载失败"
                                        style="width: auto;height:400px;object-fit: fill">
                                    </el-button>
                                </div>

                            </el-dialog>
                            <el-button class="img-btn" slot="reference" @click=imgBox5> <img :src=licence alt="加载失败"
                                    style="width: 80px;height:80px;object-fit: cover"></el-button>


                        </div>
                    </div>

                    <span class="title">审核状态:</span>
                    <span v-show="isCheck!=9" :class="isCheck!=1&&isCheck!=0?'check':'out'">
                        {{isCheck==1||isCheck==0?"未审核":"已审核"}}</span></span>
                    <span v-show="isCheck==9" class="out">拒绝通过</span></span>
                    <br>
                </p>
                <p v-show="isCheck=='未通过'"> <span class="title">拒绝原因:</span><span>{{refuseReason}}</span><br>
                </p>

                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisibleSend = false">取 消</el-button>
                    <el-button type="danger" @click="cancelSendStatus" :disabled="isCheck!='1'&&isCheck!=0?true:false">
                        拒绝通过
                    </el-button>
                    <el-button type="primary" @click="confirmSendStatus"
                        :disabled="isCheck!='1'&&isCheck!=0?true:false">确认审核
                    </el-button>
                </span>
            </el-dialog>
        </template>
    </div>

    <!-- <div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">
                    提醒
                </h4>
            </div>
            <div class="modal-body">
                你有新的订单
            </div>
            <div class="modal-footer">
                <button onclick="javascript:document.getElementById('notice').pause()" type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button onclick="location.reload()" type="button" class="btn btn-primary">查看新的订单</button>
            </div>
        </div>
    </div>
</div> -->

    <!-- <#--播放音乐-->
    <audio class="notice" controls style="height: 0">
        <source src="static/1.mp3" type="audio/mpeg" />
        <!--订单来了-->
    </audio>
    <audio class="notice" controls style="height: 0">
        <source src="static/2.mp3" type="audio/mpeg" />
        <!--发单方来了-->
    </audio>
    <audio class="notice" controls style="height: 0">
        <source src="static/3.mp3" type="audio/mpeg" />
        <!--接单方来了-->
    </audio>

    <script src="jquery-1.8.3.min.js"></script>
    <!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
    <script>
        var websocket = null;

        if ('WebSocket' in window) {
            websocket = new WebSocket('wss://www.xiaozheng8.com/webSocket');
        } else {
            // alert('该浏览器不支持websocket!');
        }

        websocket.onopen = function (event) {
            console.log('建立连接');
        }

        websocket.onclose = function (event) {
            console.log('连接关闭');
        }

        websocket.onmessage = function (event) {
            console.log('收到消息:' + event.data)
            //弹窗提醒, 播放音乐
            // $('#myModal').modal('show');
            var notice = document.getElementsByClassName('notice')
            console.log(notice);
            if (event.data == "有新的订单来了") {
                notice[0].play();
                setTimeout(() => {
                    location.reload();
                }, 2000);


            } else if (event.data == "有新的发单用户需认证") {
                notice[1].play();
                setTimeout(() => {
                    location.reload();
                }, 2000);
            } else {
                notice[2].play();
                setTimeout(() => {
                    location.reload();
                }, 2000);
            }
            // $(".notice:eq(0)").play()
        }

        websocket.onerror = function () {
            // alert('websocket通信发生错误！');
        }

        window.onbeforeunload = function () {
            websocket.close();
        }
        var richContent = document.getElementById("richContent");
    </script>


    <script type="text/javascript">
        new Vue({
            el: '#app',
            data() {
                return {
                    innerVisibleSkill: false,
                    innerVisiblePerson: false,
                    innerVisibleContent: false,
                    innerVisibleVideo: false,
                    innerVisibleSend: false,
                    innerVisibleInformation: false,
                    dialogVisibleSkill: false,
                    dialogVisibleContent: false,
                    dialogVisiblePerson: false,
                    dialogVisibleOrder: false,
                    dialogVisibleSend: false,
                    dialogVisibleCommodity: false,
                    commodityArr: false,
                    informationShow: false,
                    skillCertificate: '',
                    publishId: "",
                    userId: 0,
                    createTime: '',
                    isCheck: '',
                    idCardImgP: '',
                    idCardImgB: '',
                    personalImg: '',
                    idCardName: '',
                    idCardNum: '',
                    introduce: '',
                    promise: '',
                    area: '',
                    des: '',
                    text: "",
                    storage: "",
                    total: 0,
                    skill: false,
                    content: false,
                    person: true,
                    all: false,
                    imgShow: false,
                    imgShow2: false,
                    imgShow3: false,
                    imgShow4: false,
                    imgShow5: false,
                    showOrder: false,
                    showSend: false,
                    showVideo: false,
                    showCommodity: false,
                    showClassify: false,
                    project: [],
                    bigCate: "",
                    smallCates: "",
                    bigOptions: "",
                    chooseBigClassify: {},
                    serviceDesc: "",
                    serviceAddr: "",
                    totalFee: "",
                    name: "",
                    phone: "",
                    check: 0,
                    licence: "",
                    sendUserId: 0,
                    sendUser: "",
                    innerVisibleOrder: false,
                    currentPage: 0,
                    title: "小正青年后台管理系统",
                    allData: [],
                    refuse: "",
                    refuseReason: "",
                    border: "",
                    userId: 0,
                    showIndex: false,
                    classifyArr: [],
                    selectOption: "",
                    chooseClassify: {
                        value: "cateName",
                        label: "cateName",
                    },
                    tableDataSkill: [

                    ],
                    tableDataPerson: [

                    ],
                    tableDataContent: [

                    ],
                    tableInformation: [{
                        id: 1,
                        title: "这是标题",
                        classify: "这是分类",
                        time: "2019-09-23"
                    }],
                    tableData: [],
                    tableDataSend: [],
                    tableDataIndex: [],
                    tableClassify: [],
                    tableCommodity: [],
                    titleClassify: "",
                    orderList: [],
                    commodityName: "",
                    commodityId: "",
                    commodityPrice: "",
                    commodityDes: "",
                    commodityClassify: "",
                    video: false,
                    videoPlay: "",
                    input: "",
                    detail: "",
                    classify: "",
                    videoaddr: "",
                    tips: false,
                    change: false,
                    id: "",
                    imgArr: "",
                    videoImg: "",
                    dialogVisibleClassify: false,
                    alterClassifyBox: false,
                    options: [],
                    cateId: "",
                    smallCatesList: '',
                    smallCatesListArr: [],
                    files: [],
                    infoFiles: [],
                    commodityPic: [],
                    bigId: "",
                    smallId: "",
                    cateName: "",
                    smallCatesName: "",
                    editorContent: "",
                    imgInfo: [],
                    imgInfoArr: [],
                    richContent: "",
                    childFrame: "./richText.html",
                    infoTitle: "",
                    infoType: "",
                    isAlter: false,
                    infoId: 0
                }
            },
            methods: {
                iframe() {
                    location.href = "homePage.html"
                },
                // 失去焦点事件
                changeCount() {
                    if (this.refuse == "") {
                        this.border = "red-border"
                    } else {
                        this.border = "bule-border"
                    }
                },
                // 焦点事件
                focusChange() {
                    this.border = "bule-border"
                },
                // 展示技能
                showSkill: function () {

                    this.currentPage = 0;
                    var that = this;

                    // axios.post("https://www.xiaozheng8.com/auth/skill/findAll?page=0&size=5&sort=createTime,desc")
                    axios.post(
                        // "https://www.xiaozheng8.com/auth/skill/findAll?page=0&size=5"
                        "https://www.xiaozheng8.com/auth/skill/findAll?page=1&size=5&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            console.log(data);
                            this.tableDataSkill = data.data.data.content
                            // this.total= data.data.data.content.length
                            console.log(data.data.data.content + "         data里的content")
                        }).catch(function () { });
                    axios.post(
                        // "https://www.xiaozheng8.com/auth/skill/findAll?page=0&size=100"
                        "https://www.xiaozheng8.com/auth/skill/findAll?page=1&size=5&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            console.log(data);
                            this.total = data.data.data.totalElements
                            console.log(data.data.data.content + "         data里的content")
                        }).catch(function (err) {
                            console.log(err)
                        });
                    this.all = false;
                    this.content = false;
                    this.person = false;
                    this.showOrder = false;
                    this.showVideo = false;
                    this.showSend = false;
                    this.showCommodity = false;
                    this.showIndex = false;
                    this.showClassify = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        that.skill = true;
                    }, 300);

                },
                showContent: function () {
                    this.currentPage = 0;
                    var that = this;
                    axios.post(
                        // "https://www.xiaozheng8.com/auth/content/findAll?page=0&size=100"
                        "https://www.xiaozheng8.com/auth/content/findAll?page=0&size=100&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            // this.tableDataContent = data.data.data.content;
                            this.total = data.data.data.content.length
                        }).catch(function () { });
                    axios.post(
                        // "https://www.xiaozheng8.com/auth/content/findAll?page=0&size=5"
                        "https://www.xiaozheng8.com/auth/content/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            this.tableDataContent = data.data.data.content;

                            // this.total=data.data.data.content.length
                        }).catch(function () { });


                    this.skill = false;
                    this.all = false;
                    this.person = false;
                    this.showOrder = false;
                    this.showSend = false;
                    this.showVideo = false;
                    this.showIndex = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        that.content = true;
                    }, 300);





                },
                // 显示首页
                indexPage() {
                    this.currentPage = 0;

                    var that = this;
                    this.skill = false;
                    this.all = false;
                    this.person = false;
                    this.showOrder = false;
                    this.showSend = false;
                    this.showVideo = false;
                    this.content = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        that.showIndex = true;
                    }, 300);
                },
                showPerson: function () {
                    this.currentPage = 0;
                    var that = this;
                    axios.post(
                        // "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5"
                        "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            console.log(data)
                            // this.tableDataPerson = data.data.data.content
                            this.total = data.data.data.totalElements
                        }).catch(function () { });
                    axios.post(
                        // "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5"
                        "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            this.tableDataPerson = data.data.data.content

                            // this.total=this.tableDataPerson.length
                        }).catch(function () { });
                    this.skill = false;
                    this.content = false;
                    this.all = false;
                    this.showSend = false;
                    this.showOrder = false;
                    this.showVideo = false;
                    this.showIndex = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        that.person = true;
                    }, 300);

                },
                showAll() {
                    this.currentPage = 0;
                    var that = this;

                    axios.post(
                        "https://www.xiaozheng8.com/auth/receive/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            console.log(data)
                            this.allData = data.data.data;
                            // this.total=parseInt(data.data.msg.str1.replace(/[^\d]/g,' '));
                            this.total = data.data.totalElement;
                            console.log(this.total)
                            console.log(this.allData);
                            // this.total=this.tableDataPerson.length
                        }).catch(function () { });
                    this.skill = false;
                    this.content = false;
                    this.person = false;
                    this.showOrder = false;
                    this.showSend = false;
                    this.showVideo = false;
                    this.showIndex = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        this.all = true;
                    }, 300);
                },
                // 刷新全部
                allUpData() {

                    axios.post(
                        "https://www.xiaozheng8.com/auth/receive/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                    )
                        .then(data => {
                            console.log(data)
                            this.allData = data.data.data
                            console.log(this.allData);
                            this.currentPage = 0;
                            // this.total=this.tableDataPerson.length
                        }).catch(function () { });
                },
                // 上传视频
                player(e) {
                    console.log(e);
                    this.video = true;
                    this.videoPlay = e.srcElement.dataset.addr;
                    this.playInner();
                },
                playInner() {
                    var video = document.getElementById("videoBox");
                    console.log(video)
                },
                closeVideo() {
                    var video = document.getElementById("videoBox")
                    video.pause();
                    console.log(video);
                },
                // 获取数据列表
                videoArr() {
                    var that = this;
                    var config = {
                        headers: {

                            // 'Content-Type': 'multipart/form-data'
                            'Content-Type': 'application/json'

                        }
                    };
                    axios.post(
                        "https://www.xiaozheng8.com/videos/findAll", {
                        page: 0
                    }


                    ).then((result) => {
                        console.log(result);
                        this.tableData = result.data.data.content;
                        console.log(that.tableData);
                        that.total = result.data.data.totalElements;
                    }).catch((err) => {
                        console.log(err);
                    });

                },
                // 订单审核
                order() {
                    var that = this;
                    this.currentPage = 0;
                    axios.post(
                        "https://www.xiaozheng8.com/publish/sort/find?page=0"
                    )
                        .then(data => {
                            console.log(data)
                            that.orderList = data.data.data.content;
                            console.log(that.orderList);
                            that.total = data.data.data.totalElements;
                            // console.log(this.allData);
                            // this.total=this.tableDataPerson.length
                        }).catch(function () { });
                    this.skill = false;
                    this.content = false;
                    this.person = false;
                    this.all = false;
                    this.showSend = false;
                    this.showVideo = false;
                    this.showIndex = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        that.showOrder = true;
                    }, 300);
                },
                // 发单方个人认证
                sendUserMessage() {
                    var that = this;
                    this.currentPage = 0;
                    axios.post(
                        "https://www.xiaozheng8.com/auth/send/findAll", {
                        page: 0
                    }
                    )
                        .then(data => {
                            console.log(data);
                            that.tableDataSend = data.data.content;
                            console.log(that.tableDataSend);
                            that.total = data.data.totalElements;
                            // console.log(this.allData);
                            // this.total=this.tableDataPerson.length
                        }).catch(function () { });
                    this.skill = false;
                    this.content = false;
                    this.person = false;
                    this.all = false;
                    this.showOrder = false;
                    this.showIndex = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.showVideo = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        that.showSend = true;
                    }, 300);
                },

                // 显示大图
                imgBox() {
                    this.imgShow = true;
                },
                imgBox2() {
                    this.imgShow2 = true;
                },
                imgBox3() {
                    this.imgShow3 = true;
                },
                imgBox4() {
                    this.imgShow4 = true;
                },
                imgBox5() {
                    this.imgShow5 = true;
                },
                /**
                 *  技能认证详情按钮处理
                 *  1 弹窗
                 *  2 确认审核
                 * */
                cellContent(index, row) {
                    console.log(row);
                    if (row != null) {
                        this.dialogVisibleContent = true;
                        this.tableDataContent = row;
                        this.userId = row.userId;
                        this.createTime = row.createTime;
                        this.isCheck = row.isCheck;
                        this.area = row.area;
                        this.des = row.des;
                        this.introduce = row.introduce;
                        this.promise = row.promise;
                    }
                },
                cellSkill(index, row) {
                    console.log(index);
                    console.log(row);
                    if (row != null) {
                        this.dialogVisibleSkill = true;
                        this.tableDataSkill = row;
                        this.skillCertificate = row.skillCertificate;
                        this.userId = row.userId;
                        this.createTime = row.createTime;
                        this.isCheck = row.isCheck;
                    }
                },
                cellPerson(index, row) {
                    console.log(row);
                    if (row != null) {
                        this.tableDataPerson = row;
                        this.dialogVisiblePerson = true;
                        this.userId = row.userId;
                        this.createTime = row.createTime;
                        this.idCardImgP = row.idCardImgP;
                        this.idCardImgB = row.idCardImgB;
                        this.personalImg = row.personalImg;
                        this.idCardName = row.idCardName;
                        this.idCardNum = row.idCardNum;
                        this.isCheck = row.isCheck;
                    }
                },
                handleClickSkill: function (row) {
                    console.log(row)
                    this.dialogVisibleSkill = true;
                    this.skillCertificate = row.skillCertificate;
                    this.userId = row.userId;
                    this.createTime = row.createTime;
                    this.isCheck = row.isCheck;
                    this.refuseReason = row.refuseReason;
                },
                handleClickPerson: function (row) {
                    console.log(row)
                    this.dialogVisiblePerson = true;
                    this.userId = row.userId;
                    this.createTime = row.createTime;
                    this.idCardImgP = row.idCardImgP;
                    this.idCardImgB = row.idCardImgB;
                    this.personalImg = row.personalImg;
                    this.idCardName = row.idCardName;
                    this.idCardNum = row.idCardNum;
                    this.isCheck = row.isCheck;
                    this.refuseReason = row.refuseReason;
                },
                handleClickContent: function (row) {
                    console.log(row)
                    this.dialogVisibleContent = true;
                    this.userId = row.userId;
                    this.createTime = row.createTime;
                    this.isCheck = row.isCheck;
                    this.area = row.area;
                    this.des = row.des;
                    this.introduce = row.introduce;
                    this.promise = row.promise;
                    this.refuseReason = row.refuseReason;
                },
                handleClickSend(row) {
                    this.dialogVisibleSend = true;
                    console.log(row);
                    this.sendUserId = row.sendUserId;
                    this.name = row.name;
                    this.idCardNum = row.idCardNum;
                    this.idCardImgP = row.idCardImgp;
                    this.idCardImgB = row.idCardImgb;
                    this.licence = row.licence;
                    this.refuseReason = row.refuseReason;
                    this.isCheck = row.isCheck;
                    this.phone = row.phone;
                    this.createTime = row.createTime;
                    // this.userId=row.userId;
                },
                handleClickOrder(row) {
                    this.dialogVisibleOrder = true;
                    this.userId = row.userId;
                    this.name = row.name;
                    this.isCheck = row.isCheck;
                    this.totalFee = row.totalFee;
                    this.project = row.project;
                    console.log(this.project);
                    this.serviceAddr = row.serviceAddr;
                    this.serviceDesc = row.serviceDesc;
                    this.phone = row.phone;
                    this.publishId = row.publishId;
                    this.createTime = row.createTime;
                    this.refuseReason = row.refuseReason;
                },
                confirmContentStatus() {
                    this.dialogVisibleContent = false;
                    this.innerVisibleContent = true;
                    this.check = 2;
                },
                confirmSkillStatus() {
                    this.dialogVisibleSkill = false;
                    this.innerVisibleSkill = true;
                    this.check = 2;
                },
                confirmPersonStatus() {
                    this.dialogVisiblePerson = false;
                    this.innerVisiblePerson = true;
                    this.check = 2;
                },
                confirmOrderStatus() {
                    this.dialogVisibleOrder = false;
                    this.innerVisibleOrder = true;
                    this.check = 1;
                },
                confirmSendStatus() {
                    this.dialogVisibleSend = false;
                    this.innerVisibleSend = true;
                    this.check = 2;
                },
                // 拒绝通过
                cancelContentStatus() {
                    this.dialogVisibleContent = false;
                    this.innerVisibleContent = true;
                    this.check = 9;
                    this.border = "bule-border";
                    this.refuse = "";
                },
                cancelPersonStatus() {
                    this.dialogVisiblePerson = false;
                    this.innerVisiblePerson = true;
                    this.check = 9;
                    this.border = "bule-border";
                    this.refuse = "";
                },
                cancelSkillStatus() {
                    this.dialogVisibleSkill = false;
                    this.innerVisibleSkill = true;
                    this.check = 9;
                    this.border = "bule-border";
                    this.refuse = "";
                },
                cancelOrderStatus() {
                    this.dialogVisibleOrder = false;
                    this.innerVisibleOrder = true;
                    this.check = 9;
                    this.border = "bule-border";
                    this.refuse = "";
                },
                cancelSendStatus() {
                    this.dialogVisibleSend = false;
                    this.innerVisibleSend = true;
                    this.check = 9;
                    this.border = "bule-border";
                    this.refuse = "";
                },
                // 显示视频页面
                videoAdmin() {
                    this.skill = false;
                    this.content = false;
                    this.person = false;
                    this.all = false;
                    this.showSend = false;
                    this.showOrder = false;
                    this.showIndex = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        this.showVideo = true;
                    }, 300);
                    this.videoArr();
                },
                // 审核通过
                updateContentStatus: function () {
                    this.innerVisibleContent = false;
                    //更新认证状态
                    axios.post("https://www.xiaozheng8.com/auth/content/update", {
                        userId: this.userId,
                        isCheck: this.check,
                        refuseReason: this.refuse
                    })
                        .then(data => {
                            this.dialogVisibleContent = false;
                        }).catch(function (error) {
                            console.log(error)
                        });
                    //重新加载数据
                    // axios.post("https://www.xiaozheng8.com/auth/skill/findAll?page=0&size=5&sort=createTime,desc")
                    setTimeout(() => {
                        axios.post(
                            // "https://www.xiaozheng8.com/auth/content/findAll?page=0&size=5"
                            "https://www.xiaozheng8.com/auth/content/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                        )
                            .then(data => {
                                this.tableDataContent = data.data.data.content
                                this.$message({
                                    duration: 1000,
                                    message: '审核成功',
                                    type: 'success'
                                });
                                this.currentPage = 0;
                            }).catch(function () { });
                    }, 500);
                    this.allUpData();
                },

                updatePersonStatus: function () {
                    this.innerVisiblePerson = false;
                    //更新认证状态
                    axios.post("https://www.xiaozheng8.com/auth/person/update", {
                        userId: this.userId,
                        isCheck: this.check,
                        refuseReason: this.refuse
                    })
                        .then(data => {
                            this.dialogVisiblePerson = false;
                        }).catch(function (error) {
                            console.log(error)
                        });
                    //重新加载数据
                    setTimeout(() => {
                        axios.post(
                            // "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5"
                            "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                        )
                            .then(data => {
                                this.tableDataPerson = data.data.data.content
                                this.$message({
                                    duration: 1000,
                                    message: '审核成功',
                                    type: 'success'
                                });
                                this.currentPage = 0;
                            }).catch(function () { });
                    }, 500);
                    this.allUpData();
                },

                // 技能审核通过
                updateSkillStatus: function () {
                    this.innerVisibleSkill = false;
                    var message = "";
                    if (this.check == 9) {
                        message = "已拒绝"
                    } else {
                        message = "审核通过"
                    }
                    //更新认证状态
                    axios.post("https://www.xiaozheng8.com/auth/skill/update", {
                        userId: this.userId,
                        isCheck: this.check,
                        refuseReason: this.refuse
                    })
                        .then(data => {

                            // this.dialogVisibleSkill = false;
                        }).catch(function (error) {
                            console.log(error)
                        });

                    //重新加载数据
                    // axios.post("https://www.xiaozheng8.com/auth/skill/findAll?page=0&size=5&sort=createTime,desc")
                    setTimeout(() => {
                        axios.post(
                            // "https://www.xiaozheng8.com/auth/skill/findAll?page=0&size=5"
                            "https://www.xiaozheng8.com/auth/skill/findAll?page=1&size=5&sort=isCheck&sort=createTime,desc"
                        )
                            .then(data => {
                                this.tableDataSkill = data.data.data.content
                                this.$message({
                                    duration: 1000,
                                    message: message,
                                    type: 'success'
                                });
                                this.currentPage = 0;
                            }).catch(function () { });
                    }, 500);
                    this.allUpData();
                },
                // 订单审核通过
                updateOrderStatus() {
                    this.innerVisibleOrder = false;
                    console.log(this.refuse);
                    var message = "";
                    if (this.check == 9) {
                        message = "已拒绝"
                    } else {
                        message = "审核通过"
                    }
                    //更新认证状态
                    axios.post("https://www.xiaozheng8.com/publish/auth/update", {
                        publishId: this.publishId,
                        isCheck: this.check,
                        refuseReason: this.refuse
                    })
                        .then(data => {
                            this.dialogVisiblePerson = false;
                        }).catch(function (error) {
                            console.log(error)
                        });
                    //重新加载数据
                    setTimeout(() => {
                        axios.post(
                            "https://www.xiaozheng8.com/publish/sort/find?page=0"
                        )
                            .then(data => {
                                this.orderList = data.data.data.content
                                this.$message({
                                    duration: 1000,
                                    message: '审核成功',
                                    type: 'success'
                                });
                                this.currentPage = 0;
                            }).catch(function () { });
                    }, 500);
                    // this.allUpData();
                },
                // 发单方审核通过
                updateSendStatus() {
                    this.innerVisibleSend = false;
                    console.log(this.refuse);
                    var message = "";
                    if (this.check == 9) {
                        message = "已拒绝"
                    } else {
                        message = "审核通过"
                    }
                    //更新认证状态
                    console.log(this.check);

                    axios.post("https://www.xiaozheng8.com/auth/send/update", {
                        sendUserId: this.sendUserId,
                        isCheck: this.check,
                        refuseReason: this.refuse
                    })
                        .then(data => {
                            this.dialogVisiblePerson = false;
                            console.log(data);
                            //重新加载数据
                            setTimeout(() => {
                                axios.post(
                                    "https://www.xiaozheng8.com/auth/send/findAll", {
                                    page: 0
                                }
                                )
                                    .then(data => {
                                        this.tableDataSend = data.data.data.content
                                        this.$message({
                                            duration: 1000,
                                            message: '审核成功',
                                            type: 'success'
                                        });
                                        this.currentPage = 0;
                                    }).catch(function () { });
                            }, 500);
                        }).catch(function (error) {
                            console.log(error)
                        });

                },
                // 页码更新
                handleSizeChange() {

                },
                handleCurrentChange(currentPage) {
                    this.currentPage = currentPage;
                    var page = this.currentPage - 1;
                    console.log(page);
                    var that = this;
                    if (this.skill == true) {
                        axios.post("https://www.xiaozheng8.com/auth/skill/findAll?page=" + (page + 1) +
                            "&size=5&sort=isCheck&sort=createTime,desc")
                            .then(data => {
                                console.log(data);
                                that.tableDataSkill = data.data.data.content,
                                    console.log(that.tableDataSkill);
                            }).catch(function () { });
                    } else if (this.content == true) {
                        axios.post(
                            "https://www.xiaozheng8.com/auth/content/findAll?page=" + page +
                            "&size=5&sort=isCheck&sort=createTime,desc")
                            .then(data => {
                                that.tableDataContent = data.data.data.content
                                console.log(data);
                            }).catch(function () { });
                    } else if (this.person == true) {
                        axios.post(
                            "https://www.xiaozheng8.com/auth/person/findAll?page=" + page +
                            "&size=5&sort=isCheck&sort=createTime,desc")
                            .then(data => {
                                that.tableDataPerson = data.data.data.content
                                console.log(data);
                            }).catch(function () { });
                    } else if (this.all == true) {
                        axios.post(
                            "https://www.xiaozheng8.com/auth/receive/findAll?page=" + page +
                            "&size=5&sort=isCheck&sort=createTime,desc")
                            .then(data => {
                                that.allData = data.data.data
                                console.log(data);
                            }).catch(function () { });
                    } else if (this.showOrder == true) {
                        axios.post(
                            "https://www.xiaozheng8.com/publish/sort/find?page=" + page)
                            .then(data => {
                                that.orderList = data.data.data.content
                                console.log(data);
                            }).catch(function () { });
                    } else if (this.showSend == true) {
                        axios.post(
                            "https://www.xiaozheng8.com/auth/send/findAll", {
                            page: page
                        })
                            .then(data => {
                                console.log(data)
                                that.tableDataSend = data.data.content
                                console.log(data);
                            }).catch(function () { });
                    } else if (this.showVideo == true) {
                        axios.post(
                            "https://www.xiaozheng8.com/videos/findAll", {
                            page: page
                        }
                        )
                            .then(data => {
                                that.tableData = data.data.data.content
                                console.log(data);
                            }).catch(function () { });
                    } else if (this.showCommodity == true) {
                        axios.post("https://www.xiaozheng8.com/shop/product/findAll", {
                            page: page,
                            size: 100,
                        })

                            .then(res => {
                                console.log(res);
                                var commodityList = res.data.data.content;
                                axios.post("https://www.xiaozheng8.com/shop/cate/findAll", {
                                    page: 0,
                                    size: 10
                                })
                                    .then(res => {
                                        // this.total = res.data.data.totalElements;
                                        var allClassify = res.data.data;
                                        var tableCommodity = commodityList;
                                        for (var i = 0; i < allClassify.length; i++) {
                                            for (var j = 0; j < allClassify[i].smallCates.length; j++) {
                                                for (var k = 0; k < tableCommodity.length; k++) {
                                                    if (tableCommodity[k].cateId == allClassify[i]
                                                        .smallCates[j].id) {
                                                        tableCommodity[k].classify = allClassify[i]
                                                            .smallCates[j].name
                                                    }
                                                }
                                            }
                                        }
                                        that.tableCommodity = tableCommodity;
                                        console.log(that.tableCommodity);
                                    })
                            })
                            .catch(err => {
                                console.log(err);
                            })
                    } else if (this.informationShow == true) {
                        axios.post("https://www.xiaozheng8.com/newsFindAll", {
                            page: page,

                        })
                            .then(res => {
                                console.log(res);
                                that.tableInformation = res.data.data.content
                            })
                            .catch(err => {
                                console.log(err);
                            })
                    }

                },
                // 显示大图
                showImg() {
                    this.img = !this.img
                },
                // 发布弹窗
                handleSuccessImg(index, value) {
                    console.log(value)
                    console.log(this.$refs);
                    this.videoaddr = value;
                    // var index=find(this.videoaddr,'\\',2);
                    // console.log(index);
                    // this.videoaddr = this.videoaddr.substring(index, this.videoaddr
                    //     .length);
                    // console.log(this.videoaddr);
                },
                handleSuccessImgHref(index, value) {
                    this.videoImg = value;
                    var that = this;
                    if (this.videoImg == "" || this.videoImg == undefined) {

                        this.$alert('上传失败', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {
                                that.$refs.uploadImg.clearFiles()
                            }
                        })
                    }
                },
                handleErrorImgHref(index, value) {
                    console.log(value);
                    var that = this;
                    this.$alert('上传失败', '提示', {
                        confirmButtonText: '确定',
                        callback: action => {
                            that.$refs.uploadImg.clearFiles()
                        }
                    })

                },
                handleSuccessCommodity(index, value) {
                    console.log(value);
                    console.log(index);
                    var arr = [];
                    arr[index] = value
                    this.imgArr = value;
                    this.commodityPic.push(value);
                },
                handleSuccessInfo(index, value) {
                    var arr = [];
                    this.imgInfo = value;
                    this.imgInfoArr.push(value);

                },
                handleImgChange(file, fileList) {

                    console.log(fileList)
                    if (file.response) { //判断是否上传成功
                        this.files.push(file.response)
                    };
                    console.log(this.files);

                },
                handleInfoChange(file, fileList) {

                    console.log(fileList)
                    if (file.response) { //判断是否上传成功
                        this.infoFiles.push(file.response)
                    };
                    console.log(this.infoFiles);

                },
                // 监听图片移除事件
                handleRemove(file, fileList) {
                    console.log(fileList);
                    console.log(file.response)
                    var fileList = [];
                    for (var i = 0; i < this.files.length; i++) {
                        if (this.files[i] == file.response) {
                            fileList = this.files.splice(i, 1);
                        }
                    }
                    console.log(fileList);
                    this.files = fileList;
                    console.log(this.files);


                },
                handleInfoRemove(file, fileList) {
                    var fileList = [];
                    for (var i = 0; i < this.infoFiles.length; i++) {
                        if (this.infoFiles[i] == file.response) {
                            fileList = this.infoFiles.splice(i, 1);
                        }
                    }
                    console.log(fileList);
                    this.infoFiles = fileList;
                    console.log(this.infoFiles);
                },
                uploadOk(val) {
                    console.log(val)
                    var formData = new FormData();
                    formData.append("file", val.file);
                    console.log(formData);
                    axios.post("https://www.xiaozheng8.com/upload/videos",
                        // {
                        // data: {
                        formData
                        // }
                        // }

                    )
                        .then((result) => {
                            console.log(result);

                        }).catch((err) => {
                            console.log(err)
                        });
                },
                submit() {
                    // var that=this;
                    console.log(this.input);
                    console.log(this.detail);
                    console.log(this.classify);
                    if (this.input == "") {
                        this.$alert('请输入标题', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {

                            }
                        })
                    } else if (this.detail == "") {
                        this.$alert('请输入描述', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {

                            }
                        })
                    } else if (this.classify == "") {
                        this.$alert('请选择分类', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {

                            }
                        })
                    } else if (this.videoImg == "") {
                        this.$alert('请上传缩略图', '提示', {
                            confirmButtonText: '确定',
                            callback: action => { }
                        })
                    } else if (this.videoaddr == "") {
                        this.$alert('请上传视频', '提示', {
                            confirmButtonText: '确定',
                            callback: action => { }
                        })
                    } else if (this.change == false) {


                        var that = this;
                        var myDate = new Date();
                        console.log(myDate)
                        var year = myDate.getFullYear();
                        var month = myDate.getMonth() + 1;
                        //获取当前日
                        var date = myDate.getDate();
                        var h = myDate.getHours(); //获取当前小时数(0-23)
                        var m = myDate.getMinutes(); //获取当前分钟数(0-59)
                        var s = myDate.getSeconds();
                        var creteTime = year + "-" + month + "-" + date + " " + h + ":" + m + ":" +
                            s + "";
                        console.log(creteTime);
                        var data = {};
                        data.videoAddr = this.videoaddr;
                        data.videoName = this.input,
                            data.videoType = this.classify,
                            data.videoDate = creteTime,
                            data.videoDes = this.detail;
                        data.videoImg = this.videoImg;
                        console.log(data)

                        // var a = JSON.stringify(data);
                        var config = {
                            headers: {

                                // 'Content-Type': 'multipart/form-data'
                                'Content-Type': 'application/json'

                            }
                        };

                        // 

                        axios.post(
                            "https://www.xiaozheng8.com/videos/submit", data, config



                            // headers: {
                            //     'Content-Type': Access - Control - Allow - Origin
                            // } //设置header信息


                            //     "headers": {
                            //         ['Content-Type'] : 'application/json'

                            // }

                        )
                            .then((result) => {
                                console.log(result)
                                that.videoaddr = "";
                                that.tips = true;
                                that.$alert('提交成功', '提示', {
                                    confirmButtonText: '确定',
                                    callback: action => {
                                        that.videoArr();
                                    }
                                })

                            }).catch((err) => {
                                console.log(err)
                                that.$alert('提交失败', '提示', {
                                    confirmButtonText: '确定',
                                    callback: action => { }
                                })
                            });
                    } else if (this.change == true) {
                        var that = this;
                        var myDate = new Date;
                        console.log(myDate)
                        var year = myDate.getFullYear();
                        var month = myDate.getMonth() + 1;
                        //获取当前日
                        var date = myDate.getDate();
                        var h = myDate.getHours(); //获取当前小时数(0-23)
                        var m = myDate.getMinutes(); //获取当前分钟数(0-59)
                        var s = myDate.getSeconds();
                        var creteTime = year + "-" + month + "-" + date + " " + h + ":" + m + ":" +
                            s + "";
                        console.log(creteTime);
                        var data = {};
                        data.id = this.id;
                        data.videoaddr = this.videoaddr;
                        data.videoname = this.input,
                            data.videotype = this.classify,
                            data.videodate = creteTime,
                            data.videodes = this.detail;
                        console.log(data)

                        // var a = JSON.stringify(data);
                        var config = {
                            headers: {

                                // 'Content-Type': 'multipart/form-data'
                                'Content-Type': 'application/json'

                            }
                        };

                        // 

                        axios.post(
                            "https://www.xiaozheng8.com/videos/update?id=" + this.id, data,
                            config
                        )
                            .then((result) => {
                                console.log(result)
                                that.videoaddr = "";
                                that.tips = true;
                                that.$alert('提交成功', '提示', {
                                    confirmButtonText: '确定',
                                    callback: action => { }
                                })
                                that.videoArr();
                            }).catch((err) => {
                                console.log(err)
                                that.$alert('提交失败', '提示', {
                                    confirmButtonText: '确定',
                                    callback: action => { }
                                })
                            });


                    }
                    this.innerVisibleVideo = false;
                    this.$refs.upload.clearFiles();
                    this.$refs.uploadImg.clearFiles();

                },
                // 视频操作
                alterVideo(e) {
                    console.log(e);
                    this.id = e.srcElement.dataset.id;
                    var item = e.srcElement.dataset.item;
                    var dataArr = JSON.parse(item)
                    console.log(dataArr);
                    this.$confirm('确认修改该视频, 是否继续?', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        console.log(dataArr);
                        this.innerVisibleVideo = true;
                        // this.videoaddr = dataArr.videoArr;
                        this.input = dataArr.videoname;
                        this.detail = dataArr.videodes;
                        this.classify = dataArr.videotype;
                        console.log(this.$refs);
                        this.change = true;
                    })
                        .catch(() => {

                        })
                },
                deleteVideo(e) {
                    // console.log(e);
                    var id = e.srcElement.dataset.id;
                    // console.log(id);
                    this.$confirm('此操作将删除该视频, 是否继续?', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        axios.post("https://www.xiaozheng8.com/videos/delete", {
                            id: id
                        }).then((
                            result) => {
                            console.log(result);
                            this.$message({
                                type: 'success',
                                message: '删除成功!'
                            });
                            this.videoArr();
                        })
                            .catch((err) => {
                                console.log(err)
                                this.$message({
                                    type: 'fail',
                                    message: '删除失败!'
                                });
                            })

                    }).catch(() => {
                        this.$message({
                            type: 'info',
                            message: '已取消删除'
                        });
                    });
                },
                confirm() {

                },
                colseTips() {

                },

                publish() {
                    this.innerVisibleVideo = true;
                },
                // 商品管理
                commodityAdmin() {
                    var data = {};
                    var that = this;
                    data.page = 0;
                    data.size = 1000;
                    axios.post("https://www.xiaozheng8.com/shop/product/findAll", {
                        page: 0,
                        size: 100,
                    })

                        .then(res => {
                            console.log(res);
                            that.total = res.data.data.totalElements;
                            console.log(that.total);
                            var commodityList = res.data.data.content;
                            axios.post("https://www.xiaozheng8.com/shop/cate/findAll",
                                data
                            )
                                .then(res => {

                                    var allClassify = res.data.data;
                                    var tableCommodity = commodityList;
                                    for (var i = 0; i < allClassify.length; i++) {
                                        for (var j = 0; j < allClassify[i].smallCates
                                            .length; j++) {
                                            for (var k = 0; k < tableCommodity
                                                .length; k++) {
                                                if (tableCommodity[k].cateId == allClassify[
                                                    i]
                                                    .smallCates[j].id) {
                                                    tableCommodity[k].classify =
                                                        allClassify[i]
                                                            .smallCates[j].name
                                                }
                                            }
                                        }
                                    }
                                    that.tableCommodity = tableCommodity;
                                    console.log(that.tableCommodity);
                                })
                        })
                        .catch(err => {
                            console.log(err);
                        })
                    axios.post("https://www.xiaozheng8.com/shop/cate/findAll",
                        data
                    )
                        .then(res => {
                            console.log(res);

                            var newData = res.data.data.map(function (item) {
                                return {
                                    name: item.bigCate,
                                    check: item.check,
                                    id: item.id,
                                    smallCates: item.smallCates
                                }
                            })
                            console.log(newData);
                            this.options = newData;
                            this.bigOptions = newData;
                            this.chooseBigClassify = {
                                value: "id",
                                label: "name"
                            }
                            this.chooseClassify = {
                                value: "id",
                                label: "name",
                                children: "smallCates"
                            }
                            console.log(this.options);




                        }).catch(err => {
                            console.log(err);
                        })
                    setTimeout(() => {
                        this.showCommodity = true;
                    }, 300);
                    this.all = false;
                    this.content = false;
                    this.person = false;
                    this.showOrder = false;
                    this.showVideo = false;
                    this.showSend = false;
                    this.skill = false;
                    this.showIndex = false;
                    this.showClassify = false;
                },
                // 商城分类管理
                classifyAdmin() {
                    var that = this;
                    axios.post("https://www.xiaozheng8.com/shop/cate/findAll", {
                        page: 0,
                        size: 10
                    })
                        .then(res => {

                            console.log(res);
                            var tableClassify = res.data.data;
                            console.log(tableClassify);
                            var cate = [];
                            var tableData = tableClassify;
                            for (var i = 0; i < tableClassify.length; i++) {
                                for (var j = 0; j < tableClassify[i].smallCates.length; j++) {
                                    // console.log(tableClassify[i].smallCates[j]);
                                    // cate.push(this.tableClassify[i].smallCates[j]);
                                    tableData[i].smallCates[j].bigId = tableData[i].id;
                                    tableData[i].smallCates[j].bigCate = tableData[i].bigCate;
                                    cate.push(tableData[i].smallCates[j]);
                                }


                            }
                            this.tableClassify = cate;
                            var newData = res.data.data.map(function (item) {
                                return {
                                    name: item.bigCate,
                                    check: item.check,
                                    id: item.id,
                                    smallCates: item.smallCates
                                }
                            })
                            console.log(newData);
                            this.options = newData;
                            this.bigOptions = newData;
                            this.chooseBigClassify = {
                                value: "id",
                                label: "name"
                            }
                            this.chooseClassify = {
                                value: "id",
                                label: "name",
                                children: "smallCates"
                            }
                            console.log(this.options);
                        })



                        .catch(err => {
                            console.log(err);
                        })
                    var that = this;
                    this.skill = false;
                    this.all = false;
                    this.person = false;
                    this.showOrder = false;
                    this.showSend = false;
                    this.showVideo = false;
                    this.content = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.showIndex = false;
                    this.informationShow = false;
                    setTimeout(() => {
                        this.showClassify = true;
                    }, 300);
                },
                // 添加商品
                add() {
                    this.dialogVisibleCommodity = true;

                    this.commodityName = "";
                    this.commodityId = "";
                    this.commodityPrice = "";
                    this.commodityDes = "";
                    this.commodityClassify = "";
                    this.storage = "";
                },
                submitCommodity() {

                },
                deleteCommodity(e) {
                    // var id = e.srcElement.dataset.id;
                    var item = e.srcElement.dataset.item;
                    console.log(item);
                    var itemJson = JSON.parse(item);
                    this.$confirm('此操作将删除该商品, 是否继续?', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        axios.post("https://www.xiaozheng8.com/shop/product/delete", {
                            productId: itemJson.productId
                        })
                            .then(res => {
                                console.log(res);
                                // 刷新页面
                                this.$message({
                                    type: 'success',
                                    message: '删除成功'
                                });
                                this.commodityAdmin();
                            })
                            .catch(err => {
                                console.log(err);
                            })
                    })
                        .catch(() => {
                            this.$message({
                                type: 'info',
                                message: '已取消删除'
                            });
                        });
                },
                alterCommodity(e) {
                    console.log(e)
                    console.log(e.srcElement.dataset.item);
                    var item = e.srcElement.dataset.item;
                    var itemJson = JSON.parse(item);
                    console.log(itemJson);
                    this.dialogVisibleCommodity = true;
                    this.commodityName = itemJson.productName;
                    this.commodityId = itemJson.productNo;
                    this.commodityPrice = itemJson.price;
                    this.commodityDes = itemJson.des;
                    this.commodityClassify = itemJson.classify;
                    this.storage = itemJson.storage;
                },
                // 添加分类
                addClassify() {
                    this.dialogVisibleClassify = true;

                },
                // 提交分类
                // 修改分类
                alterClassify(e) {
                    console.log(e);
                    // var id = e.srcElement.dataset.id;
                    var bigId = e.srcElement.dataset.bigId;
                    var item = e.srcElement.dataset.item;
                    var jsonItem = JSON.parse(item);
                    console.log(jsonItem);
                    debugger;
                    this.bigId = jsonItem.bigId;
                    this.smallId = jsonItem.id;
                    console.log(item);

                    this.cateName = jsonItem.name;
                    this.alterClassifyBox = true;
                },
                // 删除分类
                deleteClassify(e) {
                    var id = e.srcElement.dataset.id;
                    var bigId = e.srcElement.dataset.bigId;
                    var item = e.srcElement.dataset.item;
                    this.bigId = bigId;
                    this.smallId = id;
                    console.log(item);
                    var jsonItem = JSON.parse(item);
                    this.cateName = jsonItem.name;
                    console.log(id);
                    console.log(bigId);
                    this.$confirm('此操作将删除该分类, 是否继续?', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        axios.post("https://www.xiaozheng8.com/shop/cate/delete", {
                            cateId: this.smallId
                        }

                        ).then(res => {
                            console.log(res)
                            this.classifyAdmin();
                        })
                            .catch(err => {
                                console.log(err)
                            })
                    }).catch(err => {
                        this.$message({
                            type: 'info',
                            message: '已取消删除'
                        });
                    })
                },
                // 分类点击提交
                submitClassify() {
                    console.log(this.smallId)
                    axios.post("https://www.xiaozheng8.com/shop/cate/update", {
                        cateId: this.smallId,
                        cateName: this.smallCatesName,
                        parentId: this.bigId
                    })
                        .then(res => {
                            console.log(res);
                            // 刷新页面
                            this.classifyAdmin();
                        })
                        .catch(err => {
                            console.log(err);
                        })
                    this.alterClassifyBox = false;

                },
                // 咨讯管理界面
                informationAdmin() {
                    console.log(this.tableInformation);
                    axios.post("https://www.xiaozheng8.com/newsFindAll", {
                        page: 0
                    })
                        .then(result => {
                            console.log(result)
                            this.tableInformation = result.data.data.content;
                            this.total = result.data.data.totalElements;
                        })
                        .catch(err => {
                            console.log(err);
                        })
                    this.skill = false;
                    this.content = false;
                    this.person = false;
                    this.all = false;
                    this.showOrder = false;
                    this.showIndex = false;
                    this.showCommodity = false;
                    this.showClassify = false;
                    this.showVideo = false;
                    this.showSend = false;

                    setTimeout(() => {
                        this.informationShow = true;
                    }, 300);

                },
                // 删除咨讯
                deleteInformation(e) {
                    var item = e.srcElement.dataset.item;
                    var id = e.srcElement.dataset.id;
                    var jsonItem = JSON.parse(item);
                    var that = this;
                    this.$confirm('此操作将删除该视频, 是否继续?', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        axios.post("https://www.xiaozheng8.com/newsDelete", {
                            id: id
                        })
                            .then(result => {
                                console.log(result)
                                this.informationAdmin();
                                this.$message({
                                    type: 'success',
                                    message: '删除成功!'
                                });
                            })
                            .catch(err => {
                                console.log(err);
                            })
                    })
                },
                // 添加咨讯
                addInformation(e) {
                    this.innerVisibleInformation = true;
                    this.childFrame = "./richText.html"
                    this.isAlter = false;
                    this.richContent = "";
                    this.infoTitle = "";
                    this.infoType = "";
                    this.$refs.uploadInfo.clearFiles()
                },
                // 修改咨讯
                // alterInformation(e) {
                //     var item = e.srcElement.dataset.item;
                //     console.log(item);
                //     var jsonItem = JSON.parse(item)
                //     this.innerVisibleInformation = true;
                //     // console.log(jsonItem.newsContent);
                //     var encodeUrl = escape(jsonItem.newsContent);
                //     console.log(encodeUrl);
                //     this.childFrame = "./richText.html?" + encodeUrl;
                //     this.infoType = jsonItem.newsType;
                //     this.infoTitle = jsonItem.newsTitle;
                //     this.richContent = jsonItem.newsContent;
                //     this.isAlter = true;
                //     this.infoId = jsonItem.id;
                //     console.log(this.$refs.newChild);
                //     // console.log(document.getElementById("childframe"));
                //     // this.$refs.child.contentWindow.postMessage("message", '*')

                //     // this.childFrame.contentDocument.updata(jsonItem.newsContent);
                //     // console.log(this.$refs.child.contentWindow);
                //     // var contentWindow=this.$refs.child.contentWindow;
                //     // contentWindow.update(jsonItem.newsContent);
                //     // console.log(this.$refs.child.contentWindow.update(jsonItem.newsContent));
                // },
                getContent(e) {
                    console(this.editorContent)
                },
                // 提交咨讯
                submitInfo() {
                    var that = this;
                    console.log(this.imgInfoArr);
                    console.log(this.richContent);
                    this.richContent = document.getElementById("richcontent").value
                    // console.log(document.getElementById("richcontent").value);
                    if (this.infoTitle == "") {
                        this.$alert('请填写标题', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {

                            }
                        })
                    } else if (this.infoType == "") {
                        this.$alert('请填写标题', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {

                            }
                        })

                    } else if (this.imgInfoArr == "") {

                        this.$alert('请传输图片', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {

                            }
                        })
                    } else if (this.richContent == "") {
                        this.$alert('请将内容转换成富文本格式', '提示', {
                            confirmButtonText: '确定',
                            callback: action => {

                            }
                        })
                    } else if (this.isAlter == false) {
                        axios.post("https://www.xiaozheng8.com/newsSubmit", {
                            newsTitle: that.infoTitle,
                            newsContent: escape(that.richContent),
                            newsType: parseInt(that.infoType),
                            titleFirstImg: that.imgInfoArr[0],
                            titleSecondmg: that.imgInfoArr[1],
                            titleThirdImg: that.imgInfoArr[2]
                        }).then(res => {
                            console.log(res);
                            that.innerVisibleInformation = false;
                            that.informationAdmin();
                            this.$message({
                                type: 'success',
                                message: '提交成功!'
                            });
                        })
                            .catch(err => {
                                console.log(err);
                            })
                    } else {
                        axios.post("https://www.xiaozheng8.com/newsUpdate", {
                            id: this.infoId,
                            newsTitle: this.infoTitle,
                            newsContent: this.richContent,
                            newsType: this.infoType,
                            titleFirstImg: this.imgInfoArr[0],
                            titleSecondmg: this.imgInfoArr[1],
                            titleThirdImg: this.imgInfoArr[2],
                        })
                            .then(res => {
                                console.log(res)
                                that.innerVisibleInformation = false;
                                that.informationAdmin();
                                this.$message({
                                    type: 'success',
                                    message: '修改成功!'
                                });
                            })
                            .catch(err => {
                                console.log(err)
                            })


                    }
                }

            },
            created: function () {
                this.indexPage();

                // this.order();
                /*
                 * session校验
                 * 校验失败跳转login页面
                 * */
                if (sessionStorage.getItem('isLogin') !== "true") {
                    // window.location.href = './index.html';
                }
                axios.post(
                    "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5"
                    // "https://www.xiaozheng8.com/auth/person/findAll?page=0&size=5&sort=isCheck&sort=createTime,desc"
                )
                    .then(data => {
                        this.tableDataPerson = data.data.data.content
                    }).catch(function () { });
            },

            watch: {
                innerVisibleVideo() {
                    if (this.innerVisibleVideo == false) {
                        this.$refs.upload.clearFiles()
                        this.$refs.uploadImg.clearFiles()

                        this.videoaddr = "";
                        this.input = "",
                            this.detail = "",
                            this.classify = ""
                    }
                },
                // 监听上传商品接口
                dialogVisibleCommodity() {
                    console.log(this.files);
                    console.log(this.$refs.uploadCommodity);
                    if (this.dialogVisibleCommodity == false) {
                        this.$refs.uploadCommodity.clearFiles();
                        this.commodityName = "";
                        this.commodityPrice = "";
                        this.commodityDes = "";
                        this.commodityClassify = "";

                    }
                },
                dialogVisibleClassify() {
                    if (this.dialogVisibleClassify == false) { }
                },
                selectOption() {
                    var that = this;
                    console.log(this.selectOption);
                    axios.post(
                        "https://www.xiaozheng8.com/shop/cate/parentidFindcateid", {
                        "parentId": this.selectOption,
                        "page": 0,
                    }
                    )
                        .then(data => {
                            console.log(data);
                            console.log(data.data.data);
                            that.smallCatesListArr = data.data.data

                        }).catch(function (err) {
                            console.log(err);
                        });
                },
                cateId() {
                    console.log(this.cateId);
                },
                titleClassify() {
                    var data = {};
                    var that = this;
                    data.page = 0;
                    data.size = 1000;
                    console.log(this.titleClassify);
                    axios.post("https://www.xiaozheng8.com/shop/product/findByCateId", {
                        cateId: this.titleClassify[1]
                    })
                        .then(res => {
                            this.total = 1;
                            // var commodityList = [];
                            // commodityList.push(res.data.data);
                            console.log(res);
                            var commodityList = res.data.data;
                            console.log(res);
                            console.log(commodityList);
                            axios.post("https://www.xiaozheng8.com/shop/cate/findAll", data)
                                .then(res => {
                                    var allClassify = res.data.data;
                                    var tableCommodity = commodityList;
                                    for (var i = 0; i < allClassify.length; i++) {
                                        for (var j = 0; j < allClassify[i].smallCates
                                            .length; j++) {
                                            for (var k = 0; k < tableCommodity
                                                .length; k++) {
                                                if (tableCommodity[k].cateId == allClassify[
                                                    i]
                                                    .smallCates[j].id) {
                                                    tableCommodity[k].classify =
                                                        allClassify[i]
                                                            .smallCates[j].name
                                                }
                                            }
                                        }
                                    }
                                    that.tableCommodity = tableCommodity;
                                })


                        })
                        .catch(err => {
                            console.log(err);
                        })
                },
                showCommodity() {
                    console.log(this.showCommodity);
                    this.titleClassify = ""
                },
                innerVisibleInformation() {
                    if (this.innerVisibleInformation == false) {
                        console.log("关闭了咨讯弹窗")
                        this.isAlter = false;
                        this.richContent = "";
                        this.infoTitle = "";
                        this.infoType = "";
                        this.$refs.uploadInfo.clearFiles()

                    }
                }

            },
            updated() {


            },
            mounted() {

                // this.$nextTick(() => {
                console.log(document)
                console.log(this.$refs.newChild);
                console.log(document.getElementById("childframe"))
                var dom = document.querySelector('#childframe');
                console.log(dom);
                console.log(document.querySelector('.childframeName'));
                console.log(document.getElementById("childFrame"))
                console.log(this.$refs.newChild.contentWindow)
                this.$refs.newChild.contentWindow.postMessage("message", '*')
                console.log(this.$refs.newChild.contentWindow.postMessage("message", '*'))
                console.log(document.getElementById("childFrame"));
                console.log(document.getElementById("childFrame").contentWindow);
                document.getElementById("childFrame").contentWindow.postMessage("message", '*');
                // });
                var E = window.wangEditor;
                var editor = new E('#div');
                editor.customConfig.onchange = (html) => {
                    this.editorContent = html
                }
                editor.create()


            },

        })
    </script>
</body>

</html>